<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内容导航</title>
    <!--<link href="fontImage/iconfont.css" rel="stylesheet">-->
    <link href="css/index.css" rel="stylesheet">

</head>
<body>
<aside>
    <h1>Aig 导航</h1>
    <nav>
        <div>
            <h2>主要书签</h2>
            <div class="subLeftBar">
                <ul class="asideNav">
                    <li>
                        <a href="#frequentBookmarks">个人书签</a>
                    </li>
                    <li>
                        <a href="#searchOption">搜索引擎</a>
                    </li>
                    <li>
                        <a href="#emailList">邮箱</a>
                    </li>
                    <li>
                        <a href="#nodeStudy">nodeJS知识</a>
                    </li>
                    <li>
                        <a href="#fontEndStudy">前端教程</a>
                    </li>
                    <li>
                        <a href="#fontEndTools">前端工具</a>
                    </li>
                    <li>
                        <a href="#fontEndBlog">前端博客</a>
                    </li>
                    <li>
                        <a href="#fontEndResource">前端资源</a>
                    </li>
                    <li>
                        <a href="#fontEndNews">前端资讯</a>
                    </li>
                    <li>
                        <a href="#othersBlog">其他博客</a>
                    </li>
                    <li>
                        <a href="#algorithmCoding">算法编程</a>
                    </li>

                    <li>
                        <a href="#fontEndTemp">前端碎片</a>
                    </li>
                    <li>
                        <a href="#wallpaper">相片壁纸</a>
                    </li>
                    <li>
                        <a href="#versionControl">版本控制</a>
                    </li>
                    <li>
                        <a href="#personalStudy">终身学习</a>
                    </li>
                    <li>
                        <a href="#otherNews">其他资讯</a>
                    </li>
                    <li>
                        <a href="#othersNav">导航</a>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <h2>次要书签</h2>
            <div class="subLeftBar">
                <ul class="asideNav">
                    <li>
                        <a href="#englishDictionary">英文词典</a>
                    </li>
                    <li>
                        <a href="#translation">查词翻译</a>
                    </li>
                    <li>
                        <a href="#computerRelation">电脑相关</a>
                    </li>
                    <li>
                        <a href="#othersResource">其他资料</a>
                    </li>
                    <li>
                        <a href="#freeInterest">娱乐休闲</a>
                    </li>
                    <li>
                        <a href="#ancientTradition">国学</a>
                    </li>
                    <li>
                        <a href="#resourceCoding">源码</a>
                    </li>
                    <li>
                        <a href="#eBookAndWebStorage">电子书网盘</a>
                    </li>
                    <li>
                        <a href="#englishStudy">英文学习</a>
                    </li>
                    <li>
                        <a href="#resourceShare">资源分享</a>
                    </li>
                    <li>
                        <a href="#music">音乐</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

</aside>
<main>

</main>
<con>
    <section id="frequentBookmarks" class="sectionNav">
        <h2>个人书签</h2>
        <section class="content">
            <a href="https://github.com/" target="_blank" class="detailContent">
                <h3>
                    github
                </h3>
                <div class="showContent">
                    github
                </div>
            </a>
            <a href="http://zhxxgc.huatec.com/channels/54.html" target="_blank" class="detailContent">
                <h3>
                    智慧学习工场
                </h3>
                <div class="showContent">
                    智慧学习工场
                </div>
            </a>
            <a href="https://www.bilibili.com/" target="_blank" class="detailContent">
                <h3>
                    哔哩哔哩
                </h3>
                <div class="showContent">
                    哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                </div>
            </a>
            <a href="https://stackoverflow.com/" target="_blank" class="detailContent">
                <h3>
                    stack overflow
                </h3>
                <div class="showContent">
                    where developers learn, share, &amp; build careers
                </div>
            </a>
            <a href="https://css-tricks.com/" target="_blank" class="detailContent">
                <h3>
                    css-tricks
                </h3>
                <div class="showContent">
                    css-tricks
                </div>
            </a>
            <a href="https://www.aliyun.com/?spm=a2c44.11131515.0.0.4873525cpi3nv8" target="_blank" class="detailContent">
                <h3>
                    阿里云
                </h3>
                <div class="showContent">
                    上云就上阿里云
                </div>
            </a>
            <a href="https://www.yunpanjingling.com/user/dashboard" target="_blank" class="detailContent">
                <h3>
                    云盘精灵
                </h3>
                <div class="showContent">
                    会员中心 - jousindea@qq.com
                </div>
            </a>
            <a href="https://pan.baidu.com/disk/home?errno=0&errmsg=auth%20login%20sucess&&bduss=&ssnerror=0&traceid=&#/all?path=%2f&vmode=list" target="_blank" class="detailContent">
                <h3>
                    百度网盘
                </h3>
                <div class="showContent">
                    百度网盘-全部文件
                </div>
            </a>
            <a href="http://www.cjol.com/" target="_blank" class="detailContent">
                <h3>
                    中国人才热线
                </h3>
                <div class="showContent">
                    找工作_招聘_人才网_中国人才热线
                </div>
            </a>
            <a href="https://chrome.google.com/webstore/category/extensions?hl=zh-cn" target="_blank" class="detailContent">
                <h3>
                    chrome 网上应用店
                </h3>
                <div class="showContent">
                    chrome 网上应用店 - 扩展程序
                </div>
            </a>
            <a href="http://db.foodmate.net/yingyang/" target="_blank" class="detailContent">
                <h3>
                    食品数据库
                </h3>
                <div class="showContent">
                    营养膳食查询 - 食品数据库
                </div>
            </a>
            <a href="https://extfans.com/" target="_blank" class="detailContent">
                <h3>
                    扩展迷
                </h3>
                <div class="showContent">
                    chrome扩展与插件离线安装包商店
                </div>
            </a>
            <a href="https://yuyuanqiu.github.io/" target="_blank" class="detailContent">
                <h3>
                    waster missure
                </h3>
                <div class="showContent">
                    waster missure
                </div>
            </a>
            <a href="https://www.dreamincode.net/" target="_blank" class="detailContent">
                <h3>
                    dreamincode.net
                </h3>
                <div class="showContent">
                    programming and web development help
                </div>
            </a>
        </section>
    </section>
    <section id="searchOption" class="sectionNav">
        <h2>搜索引擎</h2>
        <section class="content">
            <a href="https://www.google.com/" target="_blank" class="detailContent">
                <h3>
                    google
                </h3>
                <div class="showContent">
                    google
                </div>
            </a>
            <a href="https://cn.bing.com/" target="_blank" class="detailContent">
                <h3>
                    微软 bing 搜索
                </h3>
                <div class="showContent">
                    微软 bing 搜索 - 国际版
                </div>
            </a>
            <a href="https://www.baidu.com/" target="_blank" class="detailContent">
                <h3>
                    百度
                </h3>
                <div class="showContent">
                    百度一下，你就知道
                </div>
            </a>
            <a href="https://www.sogou.com/" target="_blank" class="detailContent">
                <h3>
                    搜狗搜索
                </h3>
                <div class="showContent">
                    搜狗搜索引擎 - 上网从搜狗开始
                </div>
            </a>
            <a href="https://www.so.com/" target="_blank" class="detailContent">
                <h3>
                    360搜索
                </h3>
                <div class="showContent">
                    360搜索，so靠谱
                </div>
            </a>
        </section>
    </section>
    <section id="emailList" class="sectionNav">
        <h2>邮箱</h2>
        <section class="content">
            <a href="https://mail.google.com/mail/u/0/#inbox" target="_blank" class="detailContent">
                <h3>
                    gmail
                </h3>
                <div class="showContent">
                    Google 的电子邮件服务
                </div>
            </a>
            <a href="https://mail.qq.com/" target="_blank" class="detailContent">
                <h3>
                    qq邮箱
                </h3>
                <div class="showContent">
                    QQ邮箱，为亿万用户提供高效稳定便捷的电子邮件服务。
                </div>
            </a>
            <a href="https://mail.163.com/" target="_blank" class="detailContent">
                <h3>
                    163网易免费邮
                </h3>
                <div class="showContent">
                    网易163免费邮箱--中文邮箱第一品牌。
                </div>
            </a>
            <a href="https://mail.126.com/" target="_blank" class="detailContent">
                <h3>
                    126网易免费邮
                </h3>
                <div class="showContent">
                    126网易免费邮--你的专业电子邮局
                </div>
            </a>
            <a href="https://www.yeah.net/" target="_blank" class="detailContent">
                <h3>
                    yeah.net网易免费邮
                </h3>
                <div class="showContent">
                    yeah.net网易免费邮--快乐 分享 成长
                </div>
            </a>
            <a href="https://mail.sina.com.cn/" target="_blank" class="detailContent">
                <h3>
                    新浪邮箱
                </h3>
                <div class="showContent">
                    新浪邮箱，提供以@sina.com和@sina.cn为后缀的免费邮箱。
                </div>
            </a>
            <a href="http://mail.10086.cn/" target="_blank" class="detailContent">
                <h3>
                    中国移动139邮箱
                </h3>
                <div class="showContent">
                    139邮箱是中国移动提供的电子邮件业务，以手机号@139.com作为邮箱地址，来邮短信及时提醒,同时提供WEB、WAP、短彩信、APP等多种方式，随时随地收发邮件
                </div>
            </a>
            <a href="http://mail.tom.com/webmail/login/index.action?from_domain=mail.tom.com&tab=0" target="_blank" class="detailContent">
                <h3>
                    tom免费邮箱
                </h3>
                <div class="showContent">
                    tom免费邮箱，用户最常使用电子邮箱服务商之一
                </div>
            </a>
            <a href="https://mail.sohu.com/fe/#/login" target="_blank" class="detailContent">
                <h3>
                    搜狐闪电邮箱
                </h3>
                <div class="showContent">
                    搜狐闪电邮箱
                </div>
            </a>
            <a href="https://mail.21cn.com/w2/index.jsp" target="_blank" class="detailContent">
                <h3>
                    21cn个人邮箱
                </h3>
                <div class="showContent">
                    21CN免费邮箱--中文电子邮箱著名品牌之一。大容量，免费开通手机号码邮，10G超大空间。
                </div>
            </a>
            <a href="https://outlook.live.com/owa/" target="_blank" class="detailContent">
                <h3>
                    outlook.com
                </h3>
                <div class="showContent">
                    outlook.com - microsoft free personal email
                </div>
            </a>
            <a href="https://mail.aliyun.com/alimail/auth/login" target="_blank" class="detailContent">
                <h3>
                    阿里邮箱个人版
                </h3>
                <div class="showContent">
                    阿里邮箱个人版为用户提供高效稳定便捷的电子邮箱服务，免费注册邮箱送2G超大附件。
                </div>
            </a>
        </section>
    </section>
    <section id="nodeStudy" class="sectionNav">
        <h2>nodeJS知识</h2>
        <section class="content">
            <a href="https://nodejs.org/en/" target="_blank" class="detailContent">
                <h3>
                    node.js
                </h3>
                <div class="showContent">
                    node.js
                </div>
            </a>
            <a href="http://nodejs.cn/" target="_blank" class="detailContent">
                <h3>
                    node.js 中文网
                </h3>
                <div class="showContent">
                    node.js 中文网
                </div>
            </a>
            <a href="https://cnodejs.org/" target="_blank" class="detailContent">
                <h3>
                    cnode
                </h3>
                <div class="showContent">
                    cnode：node.js专业中文社区
                </div>
            </a>
            <a href="https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434501245426ad4b91f2b880464ba876a8e3043fc8ef000" target="_blank" class="detailContent">
                <h3>
                    node.js
                </h3>
                <div class="showContent">
                    node.js - 廖雪峰的官方网站
                </div>
            </a>
            <a href="https://nodejs.jakeyu.top/" target="_blank" class="detailContent">
                <h3>
                    nodejs-tutorial
                </h3>
                <div class="showContent">
                    nodejs-tutorial | 基本教程
                </div>
            </a>
            <a href="https://nqdeng.github.io/7-days-nodejs/" target="_blank" class="detailContent">
                <h3>
                    七天学会nodejs
                </h3>
                <div class="showContent">
                    七天学会nodejs
                </div>
            </a>
            <a href="https://cloud.tencent.com/developer/article/1015746" target="_blank" class="detailContent">
                <h3>
                    腾讯云
                </h3>
                <div class="showContent">
                    nodejs基础：巧用string_decoder将buffer转成string - 云+社区 - 腾讯云
                </div>
            </a>
            <a href="https://juejin.im/post/5cc169845188250aa35bb50d" target="_blank" class="detailContent">
                <h3>
                    掘金
                </h3>
                <div class="showContent">
                    nodejs fs模块 api - 掘金
                </div>
            </a>
            <a href="https://blog.csdn.net/qq_27603235/article/details/79022580" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    node.js 解压版 安装配置 - 奋斗的小火车 - csdn博客
                </div>
            </a>
            <a href="https://blog.csdn.net/qq_29132907/article/details/80181464" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    nodejs的express自动生成项目框架 - 唐策的博客 - csdn博客
                </div>
            </a>
            <a href="https://blog.csdn.net/woshinannan741/article/details/51357464" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    (1条消息)node中http模块详解（服务端篇） - woshinannan的专栏 - csdn博客
                </div>
            </a>
            <a href="https://www.bilibili.com/video/av37928382?p=3" target="_blank" class="detailContent">
                <h3>
                    bilibili
                </h3>
                <div class="showContent">
                    [web前端]14nodejs教程精讲（7天+5天赠送）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                </div>
            </a>
            <a href="https://search.bilibili.com/all?keyword=nodejs&from_source=nav_search" target="_blank" class="detailContent">
                <h3>
                    bilibili
                </h3>
                <div class="showContent">
                    nodejs - 搜索结果 - 哔哩哔哩弹幕视频网 - ( ゜- ゜)つロ 乾杯~ - bilibili
                </div>
            </a>
        </section>
    </section>
    <section id="fontEndStudy" class="sectionNav">
        <h2>前端教程</h2>
        <section class="content">
            <a href="https://leohxj.gitbooks.io/front-end-database/interview/skill-path.html" target="_blank" class="detailContent">
                <h3>
                    前端工程师手册
                </h3>
                <div class="showContent">
                    前端技能图谱 | 前端工程师手册
                </div>
            </a>
            <a href="https://developer.mozilla.org/zh-cn/" target="_blank" class="detailContent">
                <h3>
                    mdn web 文档
                </h3>
                <div class="showContent">
                    mdn web 文档
                </div>
            </a>
            <a href="https://www.ibm.com/developerworks/cn/" target="_blank" class="detailContent">
                <h3>
                    ibm developerworks 中国
                </h3>
                <div class="showContent">
                    ibm developerworks 中国 : ibm&#39;s resource for developers and it pro
                </div>
            </a>
            <a href="http://www.html5star.com/manual/html5label-meaning/" target="_blank" class="detailContent">
                <h3>
                    html5星空
                </h3>
                <div class="showContent">
                    html5 元素标签含义大全(元素周期表)
                </div>
            </a>
            <a href="https://www.canvasapi.cn/" target="_blank" class="detailContent">
                <h3>
                    canvas api中文网
                </h3>
                <div class="showContent">
                    canvas api中文网 - canvas api中文文档首页地图
                </div>
            </a>
            <a href="https://www.svgbackgrounds.com/#liquid-cheese" target="_blank" class="detailContent">
                <h3>
                    create customizable, hi-def, and scalable backgrounds
                </h3>
                <div class="showContent">
                    create customizable, hi-def, and scalable backgrounds
                </div>
            </a>
            <a href="http://css.doyoe.com/" target="_blank" class="detailContent">
                <h3>
                    css参考手册
                </h3>
                <div class="showContent">
                    css参考手册_web前端开发参考手册系列
                </div>
            </a>
            <a href="https://cssbattle.dev/" target="_blank" class="detailContent">
                <h3>
                    cssbattle
                </h3>
                <div class="showContent">
                    cssbattle
                </div>
            </a>
            <a href="http://caibaojian.com/30-seconds-of-css/#grid-centering" target="_blank" class="detailContent">
                <h3>
                    30 seconds of css 中文版
                </h3>
                <div class="showContent">
                    30 seconds of css 中文版，30秒 css 代码片段精选
                </div>
            </a>
            <a href="https://zh.javascript.info/" target="_blank" class="detailContent">
                <h3>
                    现代 javascript 教程
                </h3>
                <div class="showContent">
                    现代 javascript 教程
                </div>
            </a>
            <a href="http://javascript.ruanyifeng.com/" target="_blank" class="detailContent">
                <h3>
                    javascript 标准参考教程（alpha）
                </h3>
                <div class="showContent">
                    javascript 标准参考教程（alpha） -- javascript 标准参考教程（alpha）
                </div>
            </a>
            <a href="https://jsbooks.revolunet.com/" target="_blank" class="detailContent">
                <h3>
                    jsbooks
                </h3>
                <div class="showContent">
                    jsbooks - free javascript books
                </div>
            </a>
            <a href="https://www.jquery123.com/" target="_blank" class="detailContent">
                <h3>
                    jquery 中文网
                </h3>
                <div class="showContent">
                    jquery api 中文文档 | jquery 中文网
                </div>
            </a>
            <a href="http://hemin.cn/jq/" target="_blank" class="detailContent">
                <h3>
                    jquery 在线手册
                </h3>
                <div class="showContent">
                    jquery 在线手册 | jquery api 中文手册 | jquery 速查表 | jquery 参考手册 | jquery chm
                    | jquery 在线文档 | jquery 1.12.1
                </div>
            </a>
            <a href="http://www.jquerycn.cn/" target="_blank" class="detailContent">
                <h3>
                    jquery 教程
                </h3>
                <div class="showContent">
                    jquery 教程_jquery ui_jquery中文网
                </div>
            </a>
            <a href="http://www.jq-school.com/" target="_blank" class="detailContent">
                <h3>
                    jqueryschool
                </h3>
                <div class="showContent">
                    jqueryschool-国内最大的jquery原创分享社区
                </div>
            </a>
            <a href="https://v3.bootcss.com/" target="_blank" class="detailContent">
                <h3>
                    bootstrap 中文文档
                </h3>
                <div class="showContent">
                    bootstrap 是世界上最流行的、移动设备优先的、响应式前端开发框架。
                </div>
            </a>
            <a href="https://ustbhuangyi.github.io/vue-analysis/" target="_blank" class="detailContent">
                <h3>
                    vue.js 技术揭秘 | vue.js 技术揭秘
                </h3>
                <div class="showContent">
                    内容展示
                </div>
            </a>
            <a href="https://guide.aotu.io/docs/" target="_blank" class="detailContent">
                <h3>
                    aotu.io
                </h3>
                <div class="showContent">
                    概述 | aotu.io - 前端代码规范
                </div>
            </a>
            <a href="http://www.lvyestudy.com/" target="_blank" class="detailContent">
                <h3>
                    绿叶学习网
                </h3>
                <div class="showContent">
                    绿叶学习网-给你初恋般的感觉~
                </div>
            </a>
            <a href="https://www.docschina.org/" target="_blank" class="detailContent">
                <h3>
                    印记中文
                </h3>
                <div class="showContent">
                    印记中文 - 深入挖掘国外前端新领域，为中国 web 前端开发人员提供优质文档！
                </div>
            </a>
            <a href="https://www.yiibai.com/" target="_blank" class="detailContent">
                <h3>
                    易百教程
                </h3>
                <div class="showContent">
                    易百教程™ - 专注于it教程和实例
                </div>
            </a>
            <a href="https://www.html.cn/nav/" target="_blank" class="detailContent">
                <h3>
                    前端文档工具收藏夹
                </h3>
                <div class="showContent">
                    前端文档工具收藏夹 - 前端开发资源导航，前端工程师专用的导航站
                </div>
            </a>
            <a href="http://www.shouce.ren/" target="_blank" class="detailContent">
                <h3>
                    手册网
                </h3>
                <div class="showContent">
                    网站开发教程大全 - 在线手册 - 参考手册 - 手册网
                </div>
            </a>
            <a href="http://www.w3school.com.cn/" target="_blank" class="detailContent">
                <h3>
                    w3school 在线教程
                </h3>
                <div class="showContent">
                    w3school 在线教程
                </div>
            </a>
            <a href="http://www.softwhy.com/" target="_blank" class="detailContent">
                <h3>
                    蚂蚁部落
                </h3>
                <div class="showContent">
                    前端教程专业分享网站-蚂蚁部落
                </div>
            </a>
            <a href="https://wangdoc.com/" target="_blank" class="detailContent">
                <h3>
                    网道
                </h3>
                <div class="showContent">
                    网道 - 互联网开发文档
                </div>
            </a>
            <a href="https://www.w3cplus.com/" target="_blank" class="detailContent">
                <h3>
                    w3cplus
                </h3>
                <div class="showContent">
                    w3cplus_引领web前沿，打造前端精品教程
                </div>
            </a>
        </section>
    </section>
    <section id="fontEndTools" class="sectionNav">
        <h2>前端工具</h2>
        <section class="content">
            <a href="https://tool.lu/" target="_blank" class="detailContent">
                <h3>
                    程序员的工具箱
                </h3>
                <div class="showContent">
                    在线工具 - 程序员的工具箱
                </div>
            </a>
            <a href="http://tool.oschina.net/codeformat" target="_blank" class="detailContent">
                <h3>
                    在线代码格式化
                </h3>
                <div class="showContent">
                    在线代码格式化
                </div>
            </a>
            <a href="http://html5test.com/" target="_blank" class="detailContent">
                <h3>
                    html5test
                </h3>
                <div class="showContent">
                    html5test - how well does your browser support html5?
                </div>
            </a>
            <a href="https://www.sojson.com/jshtml.html" target="_blank" class="detailContent">
                <h3>
                    站长工具
                </h3>
                <div class="showContent">
                    html格式化 、html压缩- 站长工具
                </div>
            </a>
            <a href="https://www.css-js.com/" target="_blank" class="detailContent">
                <h3>
                    js压缩
                </h3>
                <div class="showContent">
                    js压缩
                </div>
            </a>
            <a href="https://www.iconfont.cn/" target="_blank" class="detailContent">
                <h3>
                    iconfont
                </h3>
                <div class="showContent">
                    iconfont-阿里巴巴矢量图标库
                </div>
            </a>
            <a href="https://tinypng.com/" target="_blank" class="detailContent">
                <h3>
                    tinypng
                </h3>
                <div class="showContent">
                    tinypng – compress png images while preserving transparency
                </div>
            </a>
            <a href="https://colorspark.app/gradient" target="_blank" class="detailContent">
                <h3>
                    colorspark
                </h3>
                <div class="showContent">
                    colorspark | discover unique colors &amp; gradients.
                </div>
            </a>
            <a href="https://www.yasuotu.com/" target="_blank" class="detailContent">
                <h3>
                    压缩图
                </h3>
                <div class="showContent">
                    压缩图 -在线图片压缩工具(jpg、png、gif)无损压缩50%
                </div>
            </a>
            <a href="https://shields.io/category/build" target="_blank" class="detailContent">
                <h3>
                    github样式
                </h3>
                <div class="showContent">
                    github样式
                </div>
            </a>
            <a href="https://emojipedia.org/" target="_blank" class="detailContent">
                <h3>
                    📙 emojipedia
                </h3>
                <div class="showContent">
                    📙 emojipedia — 😃 home of emoji meanings 💁👌🎍😍
                </div>
            </a>
            <a href="https://sourcegraph.com/search" target="_blank" class="detailContent">
                <h3>
                    sourcegraph github代码查看
                </h3>
                <div class="showContent">
                    sourcegraph github代码查看
                </div>
            </a>
            <a href="https://undraw.co/illustrations" target="_blank" class="detailContent">
                <h3>
                    illustrations
                </h3>
                <div class="showContent">
                    illustrations | undraw图标
                </div>
            </a>
            <a href="http://bigjpg.com/" target="_blank" class="detailContent">
                <h3>
                    bigjpg
                </h3>
                <div class="showContent">
                    bigjpg - ai人工智能图片无损放大 - 使用人工智能深度卷积神经网络(cnn)无损放大图片
                </div>
            </a>
            <a href="http://www.yyyweb.com/3056.html" target="_blank" class="detailContent">
                <h3>
                    前端里
                </h3>
                <div class="showContent">
                    设计师收藏的20款英文手写字体【免费下载】-前端里
                </div>
            </a>
            <a href="http://www.wx-tkd.com/sjtest/" target="_blank" class="detailContent">
                <h3>
                    移动端测试工具
                </h3>
                <div class="showContent">
                    移动端测试工具！网址生成二维码、多屏幕、多尺寸、多颜色、竖屏、横屏
                </div>
            </a>
            <a href="https://cli.im/" target="_blank" class="detailContent">
                <h3>
                    草料二维码生成器
                </h3>
                <div class="showContent">
                    草料二维码生成器
                </div>
            </a>
            <a href="https://codepen.io/" target="_blank" class="detailContent">
                <h3>
                    在线开发代码测试
                </h3>
                <div class="showContent">
                    在线开发代码测试 front end developer playground &amp; code editor in the browser
                </div>
            </a>
            <a href="http://jsrun.net/" target="_blank" class="detailContent">
                <h3>
                    jsrun
                </h3>
                <div class="showContent">
                    jsrun在线js编辑器，在线js调试运行测试, es6在线测试调试运行，es6网页编辑器，比scrimba/jsfiddle/runjs更强的在线运行代码工具
                </div>
            </a>
            <a href="https://www.awesomes.cn/" target="_blank" class="detailContent">
                <h3>
                    awesomes
                </h3>
                <div class="showContent">
                    awesomes-web前端开发资源库
                </div>
            </a>
            <a href="https://npm.taobao.org/" target="_blank" class="detailContent">
                <h3>
                    淘宝 npm 镜像
                </h3>
                <div class="showContent">
                    淘宝 npm 镜像
                </div>
            </a>
        </section>
    </section>
    <section id="fontEndBlog" class="sectionNav">
        <h2>前端博客</h2>
        <section class="content">
            <a href="http://www.daqianduan.com/" target="_blank" class="detailContent">
                <h3>
                    大前端
                </h3>
                <div class="showContent">
                    大前端-关注前端开发
                </div>
            </a>
            <a href="http://www.yyyweb.com/front" target="_blank" class="detailContent">
                <h3>
                    前端里
                </h3>
                <div class="showContent">
                    前端开发-前端里
                </div>
            </a>
            <a href="http://caibaojian.com/" target="_blank" class="detailContent">
                <h3>
                    前端开发博客
                </h3>
                <div class="showContent">
                    前端开发博客-前端开发,前端博客
                </div>
            </a>
            <a href="http://www.yyyweb.com/" target="_blank" class="detailContent">
                <h3>
                    前端里
                </h3>
                <div class="showContent">
                    前端里-专注 web 开发技术和资源分享
                </div>
            </a>
            <a href="http://www.gzui.net/" target="_blank" class="detailContent">
                <h3>
                    有爱前端
                </h3>
                <div class="showContent">
                    有爱前端贵在有爱
                </div>
            </a>
            <a href="https://www.qdfuns.com/" target="_blank" class="detailContent">
                <h3>
                    前端网
                </h3>
                <div class="showContent">
                    前端网（qdfuns） web前端开发工程师专业网站，一站式服务平台！
                </div>
            </a>
            <a href="http://www.admin10000.com/" target="_blank" class="detailContent">
                <h3>
                    web开发者
                </h3>
                <div class="showContent">
                    web开发者 - admin10000.com
                </div>
            </a>
            <a href="http://www.aseoe.com/" target="_blank" class="detailContent">
                <h3>
                    爱思资源网
                </h3>
                <div class="showContent">
                    专注web前端开发工程师教程与php编程设计 - 爱思资源网
                </div>
            </a>
            <a href="http://www.html-js.com/" target="_blank" class="detailContent">
                <h3>
                    前端乱炖
                </h3>
                <div class="showContent">
                    前端乱炖, 最专业的前端技术内容社区
                </div>
            </a>
            <a href="https://www.zhangxinxu.com/" target="_blank" class="detailContent">
                <h3>
                    张鑫旭的个人主页
                </h3>
                <div class="showContent">
                    张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
                </div>
            </a>
            <a href="https://github.com/qianguyihao/web" target="_blank" class="detailContent">
                <h3>
                    qianguyihao/web
                </h3>
                <div class="showContent">
                    qianguyihao/web: web前端入门和进阶学习笔记，超详细的前端学习图文教程。从零开始学前端，做一个web全栈工程师。持续更新...
                </div>
            </a>
            <a href="https://github.com/tnfe/tnfe-weekly" target="_blank" class="detailContent">
                <h3>
                    tnfe/tnfe-weekly
                </h3>
                <div class="showContent">
                    tnfe/tnfe-weekly: 每周为你提供高质量的关于小程序、h5等前端领域的文章和项目
                </div>
            </a>
            <a href="http://blog.doyoe.com/" target="_blank" class="detailContent">
                <h3>
                    css探索之旅
                </h3>
                <div class="showContent">
                    css探索之旅
                </div>
            </a>
            <a href="https://www.cnblogs.com/wangfupeng1988/" target="_blank" class="detailContent">
                <h3>
                    王福朋 - 博客园
                </h3>
                <div class="showContent">
                    王福朋 - 博客园
                </div>
            </a>
            <a href="https://refined-x.com/" target="_blank" class="detailContent">
                <h3>
                    雅x共赏的前端技术博客x
                </h3>
                <div class="showContent">
                    雅x共赏的前端技术博客-前端路上
                </div>
            </a>
            <a href="http://qitiancom.com/" target="_blank" class="detailContent">
                <h3>
                    前端开发-朱宝祥
                </h3>
                <div class="showContent">
                    前端开发-朱宝祥 - 从喜欢到热爱
                </div>
            </a>
            <a href="http://yusi123.com/" target="_blank" class="detailContent">
                <h3>
                    欲思博客
                </h3>
                <div class="showContent">
                    欲思博客- 关注前端和wordpress,分享福利和心得！
                </div>
            </a>
            <a href="https://www.haorooms.com/" target="_blank" class="detailContent">
                <h3>
                    haorooms博客
                </h3>
                <div class="showContent">
                    haorooms博客-前端博客-前端技术，记录web前端开发的技术博客
                </div>
            </a>
            <a href="https://www.layui.com/doc/" target="_blank" class="detailContent">
                <h3>
                    layui开发使用文档
                </h3>
                <div class="showContent">
                    layui开发使用文档 - 入门指南
                </div>
            </a>
            <a href="https://www.jqhtml.com/" target="_blank" class="detailContent">
                <h3>
                    前端库
                </h3>
                <div class="showContent">
                    前端库 - 前端开发，jquery特效，全栈开发，vue开发
                </div>
            </a>
            <a href="http://bonsaiden.github.io/javascript-garden/zh/" target="_blank" class="detailContent">
                <h3>
                    javascript 秘密花园
                </h3>
                <div class="showContent">
                    javascript 秘密花园
                </div>
            </a>
            <a href="https://www.keakon.net/" target="_blank" class="detailContent">
                <h3>
                    keakon的涂鸦馆
                </h3>
                <div class="showContent">
                    keakon的涂鸦馆
                </div>
            </a>
            <a href="https://div.io/#/welcome" target="_blank" class="detailContent">
                <h3>
                    div.io
                </h3>
                <div class="showContent">
                    div.io
                </div>
            </a>
        </section>
    </section>
    <section id="fontEndResource" class="sectionNav">
        <h2>前端资源</h2>
        <section class="content">
            <a href="http://blog.yoogle.top/share/" target="_blank" class="detailContent">
                <h3>
                    一休资源站
                </h3>
                <div class="showContent">
                    一休资源站
                </div>
            </a>
            <a href="https://www.kancloud.cn/explore" target="_blank" class="detailContent">
                <h3>
                    看云
                </h3>
                <div class="showContent">
                    广场 · 看云
                </div>
            </a>
            <a href="http://html5ify.com/fks/fks_chart/" target="_blank" class="detailContent">
                <h3>
                    html5ify.com
                </h3>
                <div class="showContent">
                    html5ify.com/fks/fks_chart/
                </div>
            </a>
            <a href="https://www.jeffjade.com/2016/03/30/104-front-end-tutorial/" target="_blank" class="detailContent">
                <h3>
                    晚晴幽草轩
                </h3>
                <div class="showContent">
                    『引』最全前端资源汇集 | 晚晴幽草轩
                </div>
            </a>
            <a href="http://resource.haorooms.com/" target="_blank" class="detailContent">
                <h3>
                    haorooms前端资料库
                </h3>
                <div class="showContent">
                    前端资源-前端代码整理-记录前端工作中常用的代码片段及插件！ - haorooms前端资料库
                </div>
            </a>
            <a href="https://github.com/advanced-frontend/daily-interview-question" target="_blank" class="detailContent">
                <h3>
                    advanced-frontend
                </h3>
                <div class="showContent">
                    advanced-frontend/daily-interview-question: 我是木易杨，公众号「高级前端进阶」作者，每天搞定一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己。
                </div>
            </a>
            <a href="https://juejin.im/post/5cb3376bf265da039c0543da" target="_blank" class="detailContent">
                <h3>
                    掘金
                </h3>
                <div class="showContent">
                    【半月刊 4】前端高频面试题及答案汇总 - 掘金
                </div>
            </a>
            <a href="http://www.mianshiting.com/" target="_blank" class="detailContent">
                <h3>
                    面试厅
                </h3>
                <div class="showContent">
                    面试厅-这里有各种前端面试题，包括html，css，javascript等
                </div>
            </a>
            <a href="http://www.xwcms.net/" target="_blank" class="detailContent">
                <h3>
                    xw素材网
                </h3>
                <div class="showContent">
                    xw素材网_素材网_网站素材_psd素材网_jsp源码_jquery插件
                </div>
            </a>
            <a href="http://www.alixixi.com/" target="_blank" class="detailContent">
                <h3>
                    阿里西西
                </h3>
                <div class="showContent">
                    阿里西西 网页制作教程网,web开发之家
                </div>
            </a>
            <a href="http://darryrzhong.site/2018/04/19/%e5%8f%b2%e4%b8%8a%e6%9c%80%e5%85%a8%e8%ae%a1%e7%ae%97%e6%9c%ba%e7%b1%bb%e7%bc%96%e7%a8%8b%e8%b5%84%e6%96%99%e5%a4%a7%e9%9b%86%e5%90%88/" target="_blank" class="detailContent">
                <h3>
                    darryrzhong
                </h3>
                <div class="showContent">
                    史上最全计算机类编程资料大集合 | darryrzhong
                </div>
            </a>
            <a href="http://www.uimaker.com/" target="_blank" class="detailContent">
                <h3>
                    ui设计
                </h3>
                <div class="showContent">
                    ui设计_ui_ui教程-uimaker-专注ui设计
                </div>
            </a>
            <a href="https://space.bilibili.com/400333395/video" target="_blank" class="detailContent">
                <h3>
                    web前端基础教程的个人空间
                </h3>
                <div class="showContent">
                    web前端基础教程的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ bilibili
                </div>
            </a>
            <a href="https://github.com/yangfan2016/learn-translate/blob/master/3-30secondsofinterviews_zh.md#%e9%9d%a2%e8%af%95-30-%e7%a7%92" target="_blank" class="detailContent">
                <h3>
                    面试 30 秒
                </h3>
                <div class="showContent">
                    面试 30 秒
                </div>
            </a>
            <a href="https://hit-alibaba.github.io/interview/" target="_blank" class="detailContent">
                <h3>
                    introduction
                </h3>
                <div class="showContent">
                    introduction · 笔试面试知识整理
                </div>
            </a>
            <a href="https://github.com/conardli/30-seconds-of-code-zh-cn#%e7%9b%ae%e5%bd%95" target="_blank" class="detailContent">
                <h3>
                    conardli
                </h3>
                <div class="showContent">
                    conardli/30-seconds-of-code-zh-cn: 你可以在30秒或更短的时间内理解的有用的javascript片段的精选集。（30-seconds-of-code中文版）
                </div>
            </a>
            <a href="https://github.com/jacksontian/fks" target="_blank" class="detailContent">
                <h3>
                    jacksontian
                </h3>
                <div class="showContent">
                    jacksontian/fks: 前端技能汇总 frontend knowledge structure
                </div>
            </a>
            <a href="https://gallery.manypixels.co/" target="_blank" class="detailContent">
                <h3>
                    illustrations gallery
                </h3>
                <div class="showContent">
                    illustrations gallery · manypixels免费插画
                </div>
            </a>
            <a href="http://demo.doyoe.com/" target="_blank" class="detailContent">
                <h3>
                    web前端实验室
                </h3>
                <div class="showContent">
                    web前端实验室 - html5,css3,javascript demos and examples
                </div>
            </a>
            <a href="https://www.cnblogs.com/xiaohuochai/p/7088004.html" target="_blank" class="detailContent">
                <h3>
                    css reset
                </h3>
                <div class="showContent">
                    css reset - 小火柴的蓝色理想 - 博客园
                </div>
            </a>
            <a href="https://github.com/iq9891/awesome-frontend" target="_blank" class="detailContent">
                <h3>
                    iq9891
                </h3>
                <div class="showContent">
                    iq9891/awesome-frontend: 前端资源
                </div>
            </a>
        </section>
    </section>
    <section id="fontEndNews" class="sectionNav">
        <h2>前端资讯</h2>
        <section class="content">
            <a href="https://webjike.com/web.html" target="_blank" class="detailContent">
                <h3>
                    前端导航
                </h3>
                <div class="showContent">
                    前端导航 - 内容最全的前端开发网址导航
                </div>
            </a>
            <a href="http://www.bootcss.com/" target="_blank" class="detailContent">
                <h3>
                    bootstrap中文网
                </h3>
                <div class="showContent">
                    bootstrap中文网
                </div>
            </a>
            <a href="http://www.alloyteam.com/nav/" target="_blank" class="detailContent">
                <h3>
                    web前端导航
                </h3>
                <div class="showContent">
                    web前端导航
                </div>
            </a>
            <a href="http://www.daqianduan.com/nav" target="_blank" class="detailContent">
                <h3>
                    前端网址导航
                </h3>
                <div class="showContent">
                    前端网址导航-大前端
                </div>
            </a>
            <a href="http://archimesan.me/frontendguide/v1/index.html" target="_blank" class="detailContent">
                <h3>
                    前端导航
                </h3>
                <div class="showContent">
                    前端导航
                </div>
            </a>
            <a href="https://front-end-collect.is26.com/" target="_blank" class="detailContent">
                <h3>
                    前端资讯整理
                </h3>
                <div class="showContent">
                    前端资讯整理
                </div>
            </a>
            <a href="https://juejin.im/" target="_blank" class="detailContent">
                <h3>
                    掘金
                </h3>
                <div class="showContent">
                    掘金 - juejin.im - 一个帮助开发者成长的社区
                </div>
            </a>
            <a href="https://cloud.tencent.com/developer" target="_blank" class="detailContent">
                <h3>
                    腾讯云
                </h3>
                <div class="showContent">
                    云+社区 - 腾讯云
                </div>
            </a>
            <a href="http://fex.baidu.com/" target="_blank" class="detailContent">
                <h3>
                    fex
                </h3>
                <div class="showContent">
                    fex - fex
                </div>
            </a>
            <a href="http://ourjs.com/" target="_blank" class="detailContent">
                <h3>
                    ourjs
                </h3>
                <div class="showContent">
                    ourjs 爱我技术 我们的技术-it文摘 javascript社区 node.js社区 前端社区 全端论坛 mongodb h
                </div>
            </a>
            <a href="https://www.infoq.cn/topic/front-end" target="_blank" class="detailContent">
                <h3>
                    infoq
                </h3>
                <div class="showContent">
                    前端 - infoq
                </div>
            </a>
            <a href="https://www.w3.org/" target="_blank" class="detailContent">
                <h3>
                    万维网联盟
                </h3>
                <div class="showContent">
                    万维网联盟（w3c）
                </div>
            </a>
            <a href="https://www.imooc.com/article" target="_blank" class="detailContent">
                <h3>
                    慕课网手记
                </h3>
                <div class="showContent">
                    it技术文章_慕课网手记
                </div>
            </a>
        </section>
    </section>
    <section id="othersBlog" class="sectionNav">
        <h2>其他博客</h2>
        <section class="content">
            <a href="http://www.ruanyifeng.com/blog/" target="_blank" class="detailContent">
                <h3>
                    阮一峰的网络日志
                </h3>
                <div class="showContent">
                    阮一峰的网络日志
                </div>
            </a>
            <a href="https://www.liaoxuefeng.com/" target="_blank" class="detailContent">
                <h3>
                    廖雪峰的官方网站
                </h3>
                <div class="showContent">
                    首页 - 廖雪峰的官方网站
                </div>
            </a>
            <a href="https://www.csdn.net/" target="_blank" class="detailContent">
                <h3>
                    csdn
                </h3>
                <div class="showContent">
                    csdn-专业it技术社区
                </div>
            </a>
            <a href="https://juejin.im/timeline" target="_blank" class="detailContent">
                <h3>
                    掘金
                </h3>
                <div class="showContent">
                    掘金
                </div>
            </a>
            <a href="https://www.cnblogs.com/" target="_blank" class="detailContent">
                <h3>
                    博客园
                </h3>
                <div class="showContent">
                    博客园 - 开发者的网上家园
                </div>
            </a>
            <a href="https://segmentfault.com/" target="_blank" class="detailContent">
                <h3>
                    segmentfault
                </h3>
                <div class="showContent">
                    segmentfault 思否
                </div>
            </a>
            <a href="https://carbon.now.sh/?bg=rgba(171%2c%20184%2c%20195%2c%201)&t=seti&wt=none&l=python&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fm=hack&fs=14px&lh=133%25&si=false&es=4x&wm=false" target="_blank" class="detailContent">
                <h3>
                    carbon代码
                </h3>
                <div class="showContent">
                    carbon代码
                </div>
            </a>
            <a href="https://paperswithcode.com/" target="_blank" class="detailContent">
                <h3>
                    papers with code
                </h3>
                <div class="showContent">
                    papers with code : the latest in machine learning
                </div>
            </a>
            <a href="http://www.codeceo.com/" target="_blank" class="detailContent">
                <h3>
                    码农网
                </h3>
                <div class="showContent">
                    码农网-程序员编程资料和编程经验分享平台
                </div>
            </a>
            <a href="http://www.zuidaima.com/" target="_blank" class="detailContent">
                <h3>
                    最代码
                </h3>
                <div class="showContent">
                    最代码-最全面，最专业的源代码分享网站
                </div>
            </a>
            <a href="https://www.tuicool.com/" target="_blank" class="detailContent">
                <h3>
                    推酷
                </h3>
                <div class="showContent">
                    推酷 - it人专属的个性聚合阅读社区 - 推酷
                </div>
            </a>
            <a href="http://www.williamlong.info/" target="_blank" class="detailContent">
                <h3>
                    月光博客
                </h3>
                <div class="showContent">
                    月光博客-关注互联网和搜索引擎的it科技博客
                </div>
            </a>
            <a href="https://blog.codingnow.com/" target="_blank" class="detailContent">
                <h3>
                    云风的 blog
                </h3>
                <div class="showContent">
                    云风的 blog
                </div>
            </a>
            <a href="https://www.itcodemonkey.com/" target="_blank" class="detailContent">
                <h3>
                    it程序猿
                </h3>
                <div class="showContent">
                    it程序猿 - 服务于程序员，传播编程经验！ - it程序猿
                </div>
            </a>
            <a href="http://www.hozin.com/" target="_blank" class="detailContent">
                <h3>
                    www.hozin.com
                </h3>
                <div class="showContent">
                    www.hozin.com
                </div>
            </a>
            <a href="https://www.cnblogs.com/tomxu/" target="_blank" class="detailContent">
                <h3>
                    汤姆大叔 - 博客园
                </h3>
                <div class="showContent">
                    汤姆大叔 - 博客园
                </div>
            </a>
            <a href="https://cuiqingcai.com/" target="_blank" class="detailContent">
                <h3>
                    静觅
                </h3>
                <div class="showContent">
                    静觅丨崔庆才的个人博客
                </div>
            </a>
        </section>
    </section>
    <!--algorithm：算法-->
    <section id="algorithmCoding" class="sectionNav">
        <h2>算法编程</h2>
        <section class="content">
            <a href="https://leetcode.com/" target="_blank" class="detailContent">
                <h3>
                    leetcode
                </h3>
                <div class="showContent">
                    leetcode - the world&#39;s leading online programming learning platform
                </div>
            </a>
            <a href="https://leetcode-cn.com/" target="_blank" class="detailContent">
                <h3>
                    力扣中国
                </h3>
                <div class="showContent">
                    力扣 (leetcode) 中国官网 - 全球极客挚爱的技术成长平台
                </div>
            </a>
            <a href="https://www.geeksforgeeks.org/" target="_blank" class="detailContent">
                <h3>
                    geeksforgeeks
                </h3>
                <div class="showContent">
                    geeksforgeeks | a computer science portal for geeks
                </div>
            </a>
            <a href="https://www.lintcode.com/problem/" target="_blank" class="detailContent">
                <h3>
                    lintcode
                </h3>
                <div class="showContent">
                    lintcode
                </div>
            </a>
            <a href="https://www.codewars.com/trainer/setup" target="_blank" class="detailContent">
                <h3>
                    codewars
                </h3>
                <div class="showContent">
                    codewars
                </div>
            </a>
            <a href="https://www.hackerrank.com/onboarding/challenge" target="_blank" class="detailContent">
                <h3>
                    hackerrank
                </h3>
                <div class="showContent">
                    hackerrank
                </div>
            </a>
            <a href="http://codevs.cn/problemset/" target="_blank" class="detailContent">
                <h3>
                    codevs
                </h3>
                <div class="showContent">
                    (●—●) |题库大全 | codevs, 算法爱好者社区
                </div>
            </a>
            <a href="https://projecteuler.net/archives" target="_blank" class="detailContent">
                <h3>
                    archived problems
                </h3>
                <div class="showContent">
                    archived problems - project euler
                </div>
            </a>
            <a href="https://www.codeproject.com/" target="_blank" class="detailContent">
                <h3>
                    codeproject
                </h3>
                <div class="showContent">
                    codeproject - for those who code
                </div>
            </a>
            <a href="https://www.freecodecamp.cn/challenges/create-a-github-account-and-join-our-chat-rooms" target="_blank" class="detailContent">
                <h3>
                    freecodecamp中文社区
                </h3>
                <div class="showContent">
                    create a github account and join our chat rooms | freecodecamp中文社区
                </div>
            </a>
            <a href="https://gitter.im/freecodecamp/chinese" target="_blank" class="detailContent">
                <h3>
                    gitter
                </h3>
                <div class="showContent">
                    freecodecamp/chinese - gitter
                </div>
            </a>
        </section>
    </section>
    <section id="englishDictionary" class="sectionNav">
        <h2>英文词典</h2>
        <section class="content">
            <a href="https://www.oxfordlearnersdictionaries.com/" target="_blank" class="detailContent">
                <h3>
                    牛津
                </h3>
                <div class="showContent">
                    The largest and most trusted free online dictionary for learners of British and American English with definitions
                </div>
            </a>
            <a href="https://www.ldoceonline.com/" target="_blank" class="detailContent">
                <h3>
                    朗文
                </h3>
                <div class="showContent">
                    Longman English Dictionary is the leading dictionary for learners of English of all ages and levels who want to learn more about English: definitions, idioms, examples and more.
                </div>
            </a>
            <a href="https://www.collinsdictionary.com/" target="_blank" class="detailContent">
                <h3>
                    科林斯
                </h3>
                <div class="showContent">
                    Online Dictionary and Thesaurus from Collins with over 1 million words: Definitions, synonyms, pronunciations, translations, origin and examples.
                </div>
            </a>
            <a href="http://dictionary.cambridge.org/" target="_blank" class="detailContent">
                <h3>
                    剑桥词典
                </h3>
                <div class="showContent">
                    The most popular dictionary and thesaurus for learners of English. Meanings and definitions of words with pronunciations and translations.
                </div>
            </a>
            <a href="https://cn.bing.com/dict?form=z9lh3" target="_blank" class="detailContent">
                <h3>
                    bing 词典
                </h3>
                <div class="showContent">
                    必应词典（Bing Dictionary）是微软推出的新一代英语学习引擎，它拥有最为丰富可靠的词库和例句库，为您提供优质的免费词典和翻译服务。
                </div>
            </a>
            <a href="https://www.merriam-webster.com/dictionary/virtual" target="_blank" class="detailContent">
                <h3>
                    virtual 词典
                </h3>
                <div class="showContent">
                    Virtual definition is - being such in essence or effect though not formally recognized or admitted. How to use virtual in a sentence.
                </div>
            </a>
            <a href="http://www.macmillandictionary.com/" target="_blank" class="detailContent">
                <h3>
                    macmillan词典
                </h3>
                <div class="showContent">
                    The Free Online English Dictionary from Macmillan Education.
                </div>
            </a>
            <a href="http://collocationdictionary.freedicts.com/" target="_blank" class="detailContent">
                <h3>
                    在线牛津搭配词典
                </h3>
                <div class="showContent">
                    牛津搭配词典是一本较全面的英语搭配用法词典。收词9000条，各种搭配用法达到15万, 例句丰富, 学习，写作和说地道的英文
                </div>
            </a>
            <a href="http://www.youdict.com/root/list/a" target="_blank" class="detailContent">
                <h3>
                    英语词根字典
                </h3>
                <div class="showContent">
                    优词英语词根表是一个在线英语词根字典，是目前网上最全的英语词根词缀词典，收录了众多的英语词根词缀信息，可以帮助大家通过词根词缀记忆法来高效、快速地记忆英语单词。
                </div>
            </a>
            <a href="https://www.merriam-webster.com/" target="_blank" class="detailContent">
                <h3>
                    dictionary by merriam-webster
                </h3>
                <div class="showContent">
                    dictionary by merriam-webster: america&#39;s most-trusted online dictionary
                </div>
            </a>
            <a href="https://dictionary.cambridge.org/" target="_blank" class="detailContent">
                <h3>
                    cambridge dictionary
                </h3>
                <div class="showContent">
                    cambridge dictionary | english dictionary, translations &amp; thesaurus
                </div>
            </a>
            <a href="https://www.oxforddictionaries.com/" target="_blank" class="detailContent">
                <h3>
                    oxford dictionaries
                </h3>
                <div class="showContent">
                    oxford dictionaries | the world&#39;s most trusted dictionary provider
                </div>
            </a>
            <a href="http://www.businessdictionary.com/" target="_blank" class="detailContent">
                <h3>
                    online business dictionary
                </h3>
                <div class="showContent">
                    online business dictionary - businessdictionary.com
                </div>
            </a>
            <a href="https://www.thesaurus.com/" target="_blank" class="detailContent">
                <h3>
                    thesaurus.com
                </h3>
                <div class="showContent">
                    thesaurus.com | synonyms and antonyms of words at thesaurus.com
                </div>
            </a>
            <a href="https://www.thefreedictionary.com/" target="_blank" class="detailContent">
                <h3>
                    the free dictionary
                </h3>
                <div class="showContent">
                    dictionary, encyclopedia and thesaurus - the free dictionary
                </div>
            </a>
            <a href="http://www.learnersdictionary.com/" target="_blank" class="detailContent">
                <h3>
                    merriam-webster
                </h3>
                <div class="showContent">
                    merriam-webster&#39;s learner&#39;s dictionary
                </div>
            </a>
            <a href="https://www.urbandictionary.com/" target="_blank" class="detailContent">
                <h3>
                    urban dictionary
                </h3>
                <div class="showContent">
                    urban dictionary, may 3: horny on main
                </div>
            </a>
            <a href="https://www.vocabulary.com/" target="_blank" class="detailContent">
                <h3>
                    vocabulary.com
                </h3>
                <div class="showContent">
                    vocabulary.com - learn words - english dictionary
                </div>
            </a>
            <a href="https://www.onelook.com/" target="_blank" class="detailContent">
                <h3>
                    onelook dictionary search
                </h3>
                <div class="showContent">
                    onelook dictionary search
                </div>
            </a>
        </section>
    </section>
    <section id="translation" class="sectionNav">
        <h2>查词翻译</h2>
        <section class="content">
            <a href="https://translate.google.cn/" target="_blank" class="detailContent">
                <h3>
                    google 翻译
                </h3>
                <div class="showContent">
                    google 翻译
                </div>
            </a>
            <a href="http://www.iciba.com/" target="_blank" class="detailContent">
                <h3>
                    金山词霸
                </h3>
                <div class="showContent">
                    在线翻译_在线词典_金山词霸_爱词霸英语
                </div>
            </a>
            <a href="http://dict.cn/" target="_blank" class="detailContent">
                <h3>
                    海词词典
                </h3>
                <div class="showContent">
                    海词词典_在线词典_在线翻译_海量正版权威词典官方网站
                </div>
            </a>
            <a href="https://dict.hjenglish.com/" target="_blank" class="detailContent">
                <h3>
                    沪江小d在线词典
                </h3>
                <div class="showContent">
                    在线翻译_英语_日语_多语种翻译_沪江小d在线词典
                </div>
            </a>
            <a href="http://fanyi.youdao.com/" target="_blank" class="detailContent">
                <h3>
                    有道
                </h3>
                <div class="showContent">
                    在线翻译_有道
                </div>
            </a>
        </section>
    </section>
    <section id="fontEndTemp" class="sectionNav">
        <h2>前端碎片</h2>
        <section class="content">
            <a href="https://www.jianshu.com/p/c830b262c56d" target="_blank" class="detailContent">
                <h3>
                    简书
                </h3>
                <div class="showContent">
                    67 个拯救前端开发者的工具、库和资源 - 简书
                </div>
            </a>
            <a href="https://www.itlr.cc/post/1188/" target="_blank" class="detailContent">
                <h3>
                    it浪人
                </h3>
                <div class="showContent">
                    前端开发需要学什么 | it浪人
                </div>
            </a>
            <a href="https://juejin.im/post/5a71a4f9518825733a3105ac" target="_blank" class="detailContent">
                <h3>
                    掘金
                </h3>
                <div class="showContent">
                    github pages自定义域名 - 掘金
                </div>
            </a>
            <a href="https://gridea.dev/docs/" target="_blank" class="detailContent">
                <h3>
                    gridea
                </h3>
                <div class="showContent">
                    快速开始 | gridea
                </div>
            </a>
            <a href="https://juejin.im/post/592d4a5b0ce463006b43b6da" target="_blank" class="detailContent">
                <h3>
                    掘金
                </h3>
                <div class="showContent">
                    前端开发规范：命名规范、html规范、css规范、js规范 - 掘金
                </div>
            </a>
            <a href="https://www.jianshu.com/p/a7b252abd430" target="_blank" class="detailContent">
                <h3>
                    简书
                </h3>
                <div class="showContent">
                    详解javascript数组比较函数compare function - 简书
                </div>
            </a>
            <a href="https://blog.csdn.net/yy921117/article/details/51982159" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    js代码用 script 调用时，放在head与body的区别 - yoghurt的博客 - csdn博客
                </div>
            </a>
            <a href="https://www.ibm.com/developerworks/cn/web/wa-html5structuraltags/index.html" target="_blank" class="detailContent">
                <h3>
                    html5 引入的新的结构化标签
                </h3>
                <div class="showContent">
                    html5 引入的新的结构化标签
                </div>
            </a>
            <a href="https://segmentfault.com/a/1190000011467723" target="_blank" class="detailContent">
                <h3>
                    segmentfault 思否
                </h3>
                <div class="showContent">
                    js所有内置对象属性和方法汇总 - 个人文章 - segmentfault 思否
                </div>
            </a>
        </section>
    </section>
    <section id="computerRelation" class="sectionNav">
        <h2>电脑相关</h2>
        <section class="content">
            <a href="https://smallpdf.com/" target="_blank" class="detailContent">
                <h3>
                    smallpdf.com
                </h3>
                <div class="showContent">
                    smallpdf.com - 免费解决所有pdf问题
                </div>
            </a>
            <a href="https://apkpure.co/" target="_blank" class="detailContent">
                <h3>
                    安卓应用下载网站
                </h3>
                <div class="showContent">
                    安卓应用下载网站
                </div>
            </a>
            <a href="https://www.deepin.org/" target="_blank" class="detailContent">
                <h3>
                    深度科技社区
                </h3>
                <div class="showContent">
                    深度科技社区
                </div>
            </a>
            <a href="https://www.52pojie.cn/" target="_blank" class="detailContent">
                <h3>
                    吾爱破解
                </h3>
                <div class="showContent">
                    吾爱破解 - lcg - lsg|安卓破解|病毒分析|破解软件|www.52pojie.cn
                </div>
            </a>
            <a href="http://www.pptbz.com/" target="_blank" class="detailContent">
                <h3>
                    ppt宝藏
                </h3>
                <div class="showContent">
                    ppt模板下载_免费ppt模板下载_ppt宝藏
                </div>
            </a>
            <a href="http://www.wordlm.com/" target="_blank" class="detailContent">
                <h3>
                    【word联盟】
                </h3>
                <div class="showContent">
                    【word联盟】word2007官方下载免费完整版 word教程 word2003 word2010
                </div>
            </a>
            <a href="http://www.excelhome.net/" target="_blank" class="detailContent">
                <h3>
                    excelhome
                </h3>
                <div class="showContent">
                    excelhome - 全球极具影响力的excel门户,office视频教程培训中心
                </div>
            </a>
            <a href="https://uiiiuiii.com/" target="_blank" class="detailContent">
                <h3>
                    优优教程网
                </h3>
                <div class="showContent">
                    优优教程网-uiiiuiii.com-u站-设计教程-马了再练不如马上练
                </div>
            </a>
            <a href="http://chenxing.asia/" target="_blank" class="detailContent">
                <h3>
                    晨星软件
                </h3>
                <div class="showContent">
                    晨星软件-欢迎访问晨星软件博客
                </div>
            </a>
            <a href="http://www.th-sjy.com/" target="_blank" class="detailContent">
                <h3>
                    th_sjy
                </h3>
                <div class="showContent">
                    th_sjy 汉化博客，专注软件汉化和资源分享，www.th-sjy.com
                </div>
            </a>
            <a href="https://www.appcgn.com/" target="_blank" class="detailContent">
                <h3>
                    软件缘
                </h3>
                <div class="showContent">
                    软件缘 - 精品绿软，品鉴独特！
                </div>
            </a>
        </section>
    </section>
    <section id="wallpaper" class="sectionNav">
        <h2>相片壁纸</h2>
        <section class="content">
            <a href="http://streetwill.co/" target="_blank" class="detailContent">
                <h3>
                    streetwill
                </h3>
                <div class="showContent">
                    streetwill | free hi-res photos.
                </div>
            </a>
            <a href="https://www.goodfon.com/" target="_blank" class="detailContent">
                <h3>
                    wallpapers
                </h3>
                <div class="showContent">
                    wallpapers, download free desktop wallpapers, beautiful widescreen, pics,
                    pictures. the best pictures on your phone.
                </div>
            </a>
            <a href="https://pixabay.com/" target="_blank" class="detailContent">
                <h3>
                    pixabay
                </h3>
                <div class="showContent">
                    惊人的免费图片 · pixabay
                </div>
            </a>
            <a href="https://stocksnap.io/" target="_blank" class="detailContent">
                <h3>
                    stocksnap.io
                </h3>
                <div class="showContent">
                    stocksnap.io - beautiful free stock photos (cc0)
                </div>
            </a>
            <a href="https://unsplash.com/" target="_blank" class="detailContent">
                <h3>
                    unsplash
                </h3>
                <div class="showContent">
                    beautiful free images &amp; pictures | unsplash
                </div>
            </a>
            <a href="https://www.textures.com/" target="_blank" class="detailContent">
                <h3>
                    textures for 3d
                </h3>
                <div class="showContent">
                    textures for 3d, graphic design and photoshop!
                </div>
            </a>
        </section>
    </section>
    <section id="versionControl" class="sectionNav">
        <h2>版本控制</h2>
        <section class="content">
            <a href="https://tortoisesvn.net/docs/nightly/tortoisesvn_zh_cn/index.html" target="_blank" class="detailContent">
                <h3>
                    tortoisesvn
                </h3>
                <div class="showContent">
                    tortoisesvn用户指导
                </div>
            </a>
            <a href="https://git-scm.com/docs" target="_blank" class="detailContent">
                <h3>
                    git英文手册
                </h3>
                <div class="showContent">
                    git英文手册
                </div>
            </a>
            <a href="https://bingohuang.gitbooks.io/progit2/content/" target="_blank" class="detailContent">
                <h3>
                    pro git 第二版 简体中文
                </h3>
                <div class="showContent">
                    前言 · pro git 第二版 简体中文
                </div>
            </a>
            <a href="https://www.bilibili.com/video/av41610502/?p=4" target="_blank" class="detailContent">
                <h3>
                    bilibili
                </h3>
                <div class="showContent">
                    【公开课】git应用详解【全】_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                </div>
            </a>
            <a href="http://www.imooc.com/article/20411" target="_blank" class="detailContent">
                <h3>
                    慕课手记
                </h3>
                <div class="showContent">
                    git使用教程,最详细，最傻瓜，最浅显，真正手把手教_慕课手记
                </div>
            </a>
            <a href="https://blog.csdn.net/qq_37136511/article/details/79456476" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    svn使用教程总结 - 人生就像是一场编程 - csdn博客
                </div>
            </a>
            <a href="https://backlog.com/git-tutorial/cn/" target="_blank" class="detailContent">
                <h3>
                    贝格乐（backlog）
                </h3>
                <div class="showContent">
                    猴子都能懂的git入门 | 贝格乐（backlog）
                </div>
            </a>
        </section>
    </section>
    <section id="othersResource" class="sectionNav">
        <h2>其他资料</h2>
        <section class="content">
            <a href="https://www.bookstack.cn/read/pyda-2e-zh/readme.md" target="_blank" class="detailContent">
                <h3>
                    书栈网(bookstack.cn)
                </h3>
                <div class="showContent">
                    利用 python 进行数据分析 · 第 2 版 - 《利用 python 进行数据分析 · 第 2 版》 - 书栈网(bookstack.cn)
                </div>
            </a>
            <a href="http://www.pythondoc.com/" target="_blank" class="detailContent">
                <h3>
                    python 中文学习大本营
                </h3>
                <div class="showContent">
                    python 中文学习大本营
                </div>
            </a>
            <a href="https://android.developerdocumentation.cn/index.html" target="_blank" class="detailContent">
                <h3>
                    安卓开发文档·中文版
                </h3>
                <div class="showContent">
                    序言 | 安卓开发文档·中文版
                </div>
            </a>
            <a href="https://www.python.org/dev/peps/" target="_blank" class="detailContent">
                <h3>
                    python.org
                </h3>
                <div class="showContent">
                    pep 0 -- index of python enhancement proposals (peps) | python.org
                </div>
            </a>
            <a href="https://zh-google-styleguide.readthedocs.io/en/latest/google-python-styleguide/python_style_rules/" target="_blank" class="detailContent">
                <h3>
                    python风格规范
                </h3>
                <div class="showContent">
                    python风格规范 — google 开源项目风格指南
                </div>
            </a>
            <a href="https://cuiqingcai.com/1052.html" target="_blank" class="detailContent">
                <h3>
                    静觅
                </h3>
                <div class="showContent">
                    python2爬虫学习系列教程 | 静觅
                </div>
            </a>
            <a href="https://developer.android.google.cn/reference/classes#letter_t" target="_blank" class="detailContent">
                <h3>
                    android开发api文档
                </h3>
                <div class="showContent">
                    android开发api文档
                </div>
            </a>
            <a href="http://www.themesmap.com/" target="_blank" class="detailContent">
                <h3>
                    themesmap
                </h3>
                <div class="showContent">
                    pycharm主题 themesmap
                </div>
            </a>
            <a href="https://www.bilibili.com/video/av43797709?from=search&seid=16331194878956082048" target="_blank" class="detailContent">
                <h3>
                    bilibili
                </h3>
                <div class="showContent">
                    高质量mysql基础msq（共178讲）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                </div>
            </a>
            <a href="https://www.bilibili.com/video/av38409964/?p=12" target="_blank" class="detailContent">
                <h3>
                    bilibili
                </h3>
                <div class="showContent">
                    【天哥】android开发视频教程最新版 android studio开发_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                </div>
            </a>
            <a href="https://bbs.pythontab.com/" target="_blank" class="detailContent">
                <h3>
                    python论坛
                </h3>
                <div class="showContent">
                    python论坛-国内最好的python中文社区：python论坛|python教程|django教程|python框架
                </div>
            </a>
            <a href="https://learnku.com/python" target="_blank" class="detailContent">
                <h3>
                    高品质的 python 开发者社区
                </h3>
                <div class="showContent">
                    话题列表 | 高品质的 python 开发者社区
                </div>
            </a>
            <a href="http://www.open-open.com/" target="_blank" class="detailContent">
                <h3>
                    深度开源
                </h3>
                <div class="showContent">
                    深度开源 - java开源大全，开源信息发掘、分享、交流
                </div>
            </a>
            <a href="https://github.com/it-interview/easy-java/blob/master/133%e4%b8%aajava%e5%b8%b8%e8%a7%81%e9%9d%a2%e8%af%95%e9%a2%98.md" target="_blank" class="detailContent">
                <h3>
                    easy-java
                </h3>
                <div class="showContent">
                    easy-java/133个java常见面试题.md at master · it-interview/easy-java ·
                </div>
            </a>
            <a href="http://www.importnew.com/" target="_blank" class="detailContent">
                <h3>
                    importnew
                </h3>
                <div class="showContent">
                    importnew - 专注java &amp; android 技术分享
                </div>
            </a>
            <a href="https://blog.csdn.net/xieyihua1994/article/details/52836855" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    软件开发生命周期详解 - 点滴路程 - csdn博客
                </div>
            </a>
            <a href="https://monsoongale.iteye.com/blog/715653" target="_blank" class="detailContent">
                <h3>
                    iteye博客
                </h3>
                <div class="showContent">
                    &lt;转&gt;软件工程之——各个阶段的基本任务和结束标准 - - iteye博客
                </div>
            </a>
            <a href="https://zhuanlan.zhihu.com/p/26166552" target="_blank" class="detailContent">
                <h3>
                    知乎
                </h3>
                <div class="showContent">
                    解决问题的第一步：正确定义问题 - 知乎
                </div>
            </a>
            <a href="https://daylight.blog.csdn.net/column/info/winser2012ad" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    windows server 2012 ad 活动目录部署系列 - 白昼的技术专栏（qq:78110978） - 白昼ron - csdn博客
                </div>
            </a>
            <a href="https://blog.51cto.com/ahgfljp" target="_blank" class="detailContent">
                <h3>
                    adcomputer配置应用
                </h3>
                <div class="showContent">
                    adcomputer配置应用
                </div>
            </a>
            <a href="http://www.zsythink.net/" target="_blank" class="detailContent">
                <h3>
                    朱双印博客
                </h3>
                <div class="showContent">
                    朱双印博客 | linux运维从业者
                </div>
            </a>
            <a href="http://www.zsythink.net/archives/tag/awk/page/2/" target="_blank" class="detailContent">
                <h3>
                    朱双印博客
                </h3>
                <div class="showContent">
                    awk - 第2页 | 朱双印博客
                </div>
            </a>
            <a href="https://blog.csdn.net/sinat_17775997/article/details/79747564" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    最新android基础入门教程目录(完结版) - 大灰狼的小绵羊哥哥的博客 - csdn博客
                </div>
            </a>
            <a href="https://blog.csdn.net/wzgbgz/article/details/79140056" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    greendao3.2使用详解（增，删，改，查，升级） - wzgbgz的博客 - csdn博客
                </div>
            </a>
            <a href="https://blog.csdn.net/weixin_33758863/article/details/86889428" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    okhttp 知识梳理(2) - okhttp 源码解析之异步请求 &amp; 线程调度 - weixin_33758863的博客 - csdn博客
                </div>
            </a>
            <a href="http://www.python3.vip/doc/tutorial/python/2002/" target="_blank" class="detailContent">
                <h3>
                    白月黑羽教python
                </h3>
                <div class="showContent">
                    requests库 - 白月黑羽教python
                </div>
            </a>
            <a href="https://github.com/jackfrued/python-100-days" target="_blank" class="detailContent">
                <h3>
                    python - 100天从新手到大师
                </h3>
                <div class="showContent">
                    jackfrued/python-100-days: python - 100天从新手到大师
                </div>
            </a>
            <a href="https://www.bilibili.com/video/av33464941/?p=16" target="_blank" class="detailContent">
                <h3>
                    bilibili
                </h3>
                <div class="showContent">
                    【ps】photoshop cc 2017 基础入门教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                </div>
            </a>
            <a href="https://pan.baidu.com/s/1bpdfskj#list/path=%2fsharelink4080113180-884064308201188%2f%e8%bd%af%e4%bb%b6%e8%ae%be%e8%ae%a1%e5%b8%88%2f%e6%95%99%e7%a8%8b%e7%94%b5%e5%ad%90%e7%89%88%2f%e7%ac%ac%e5%9b%9b%e7%89%88&parentpath=%2fsharelink4080113180-884064308201188" target="_blank" class="detailContent">
                <h3>
                    百度网盘
                </h3>
                <div class="showContent">
                    软件设计师_免费高速下载|百度网盘-分享无限制
                </div>
            </a>
            <a href="https://www.bilibili.com/video/av19665344?from=search&seid=16157097078755448996" target="_blank" class="detailContent">
                <h3>
                    bilibili
                </h3>
                <div class="showContent">
                    软件设计师考试教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                </div>
            </a>
            <a href="http://www.woshipm.com/pmd/3864.html" target="_blank" class="detailContent">
                <h3>
                    人人都是产品经理
                </h3>
                <div class="showContent">
                    产品经理业务流程图的绘制流程分享 | 人人都是产品经理
                </div>
            </a>
            <a href="https://www.draw.io/" target="_blank" class="detailContent">
                <h3>
                    draw.io流程图
                </h3>
                <div class="showContent">
                    draw.io流程图
                </div>
            </a>
            <a href="https://blog.csdn.net/fuhj02/article/details/6081314" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    通过powershell操作事件日志 - 付海军 的专栏 - csdn博客
                </div>
            </a>
            <a href="http://ip.zdaye.com/" target="_blank" class="detailContent">
                <h3>
                    站大爷
                </h3>
                <div class="showContent">
                    站大爷 - 企业级高品质http代理ip/socks5代理ip供应平台/免费代理ip
                </div>
            </a>
            <a href="https://www.cnblogs.com/wy11/articles/2263823.html" target="_blank" class="detailContent">
                <h3>
                    博客园
                </h3>
                <div class="showContent">
                    win7专业版安装sql2008 - 梦在飞 - 博客园
                </div>
            </a>
            <a href="https://www.vmware.com/products/workstation-pro.html" target="_blank" class="detailContent">
                <h3>
                    windows vm
                </h3>
                <div class="showContent">
                    windows vm | vmware workstation pro
                </div>
            </a>
            <a href="https://www.seoimo.com/wordpress-vps/" target="_blank" class="detailContent">
                <h3>
                    seoimo
                </h3>
                <div class="showContent">
                    wordpress建站: 便宜vps+lamp搭建+博客安装/优化教程【vultr &amp; 搬瓦工vps亲测】 - seoimo
                </div>
            </a>
        </section>
    </section>
    <section id="personalStudy" class="sectionNav">
        <h2>终身学习</h2>
        <section class="content">
            <a href="https://www.cn-ki.net/" target="_blank" class="detailContent">
                <h3>
                    idata
                </h3>
                <div class="showContent">
                    idata-知识检索
                </div>
            </a>
            <a href="http://www.zjlib.cn/#" target="_blank" class="detailContent">
                <h3>
                    浙江图书馆
                </h3>
                <div class="showContent">
                    浙江图书馆
                </div>
            </a>
            <a href="http://www.hiwenku.com/" target="_blank" class="detailContent">
                <h3>
                    嗨文库
                </h3>
                <div class="showContent">
                    嗨文库
                </div>
            </a>
            <a href="http://www.icourses.cn/home/" target="_blank" class="detailContent">
                <h3>
                    爱课程
                </h3>
                <div class="showContent">
                    爱课程
                </div>
            </a>
            <a href="http://www.duobei.com/" target="_blank" class="detailContent">
                <h3>
                    多贝公开课
                </h3>
                <div class="showContent">
                    发现课程 - 多贝公开课
                </div>
            </a>
            <a href="https://www.kanxue.com/" target="_blank" class="detailContent">
                <h3>
                    看雪学院
                </h3>
                <div class="showContent">
                    看雪学院
                </div>
            </a>
            <a href="http://www.xuetangx.com/" target="_blank" class="detailContent">
                <h3>
                    学堂在线
                </h3>
                <div class="showContent">
                    学堂在线-国家精品课程在线学习平台
                </div>
            </a>
            <a href="http://www.sikiedu.com/" target="_blank" class="detailContent">
                <h3>
                    siki学院
                </h3>
                <div class="showContent">
                    siki学院 - 生命不息，学习不止！
                </div>
            </a>
            <a href="https://www.shiyanlou.com/" target="_blank" class="detailContent">
                <h3>
                    实验楼
                </h3>
                <div class="showContent">
                    实验楼 - 在线做实验，高效学编程
                </div>
            </a>
            <a href="https://study.163.com/" target="_blank" class="detailContent">
                <h3>
                    网易云课堂
                </h3>
                <div class="showContent">
                    网易云课堂 - 我的职业课堂
                </div>
            </a>
            <a href="https://www.imooc.com/" target="_blank" class="detailContent">
                <h3>
                    慕课网
                </h3>
                <div class="showContent">
                    慕课网-程序员的梦工厂
                </div>
            </a>
            <a href="http://www.jikexueyuan.com/" target="_blank" class="detailContent">
                <h3>
                    极客学院
                </h3>
                <div class="showContent">
                    极客学院it在线教育平台-中国专业的it职业在线教育平台
                </div>
            </a>
            <a href="https://ke.youdao.com/" target="_blank" class="detailContent">
                <h3>
                    有道精品课
                </h3>
                <div class="showContent">
                    有道精品课 - 为你精选好课
                </div>
            </a>
            <a href="https://www.w3cschool.cn/" target="_blank" class="detailContent">
                <h3>
                    w3cschool
                </h3>
                <div class="showContent">
                    w3cschool - 学编程，从w3cschool开始
                </div>
            </a>
            <a href="https://www.html.cn/" target="_blank" class="detailContent">
                <h3>
                    html中文网
                </h3>
                <div class="showContent">
                    从html、css到 js，web前端开发在线学习视频教程 - html中文网
                </div>
            </a>
        </section>
    </section>
    <section id="freeInterest" class="sectionNav">
        <h2>娱乐休闲</h2>
        <section class="content">
            <a href="http://www.airpano.org.cn/" target="_blank" class="detailContent">
                <h3>
                    360° aerial panoramas
                </h3>
                <div class="showContent">
                    360° aerial panoramas, 360° virtual tours around the world, photos of
                    the most interesting places on the earth
                </div>
            </a>
            <a href="http://webdemo.myscript.com/" target="_blank" class="detailContent">
                <h3>
                    myscript webdemo
                </h3>
                <div class="showContent">
                    myscript webdemo
                </div>
            </a>
            <a href="https://laod.cn/" target="_blank" class="detailContent">
                <h3>
                    老d博客
                </h3>
                <div class="showContent">
                    老d博客 | 关注谷歌服务，分享互联网精神！
                </div>
            </a>
            <a href="https://sspai.com/post/42126" target="_blank" class="detailContent">
                <h3>
                    少数派
                </h3>
                <div class="showContent">
                    在 windows 上拥有舒适的码字体验，12 款 markdown 写作工具推荐 - 少数派
                </div>
            </a>
            <a href="https://www.zhihu.com/" target="_blank" class="detailContent">
                <h3>
                    知乎
                </h3>
                <div class="showContent">
                    首页 - 知乎
                </div>
            </a>
        </section>
    </section>
    <section id="otherNews" class="sectionNav">
        <h2>其他资讯</h2>
        <section class="content">
            <a href="https://www.huxiu.com/" target="_blank" class="detailContent">
                <h3>
                    虎嗅网
                </h3>
                <div class="showContent">
                    虎嗅网
                </div>
            </a>
            <a href="https://www.leiphone.com/" target="_blank" class="detailContent">
                <h3>
                    雷锋网
                </h3>
                <div class="showContent">
                    雷锋网_读懂智能&amp;未来
                </div>
            </a>
            <a href="https://www.cnbeta.com/" target="_blank" class="detailContent">
                <h3>
                    cnbeta.com
                </h3>
                <div class="showContent">
                    cnbeta.com - 中文业界资讯站
                </div>
            </a>
            <a href="https://36kr.com/" target="_blank" class="detailContent">
                <h3>
                    36氪
                </h3>
                <div class="showContent">
                    36氪
                </div>
            </a>
            <a href="https://www.infoq.cn/" target="_blank" class="detailContent">
                <h3>
                    infoq
                </h3>
                <div class="showContent">
                    infoq - 促进软件开发领域知识与创新的传播
                </div>
            </a>
            <a href="https://www.anquanke.com/" target="_blank" class="detailContent">
                <h3>
                    安全客
                </h3>
                <div class="showContent">
                    安全客 - 安全资讯平台
                </div>
            </a>
            <a href="http://www.it-home8.com/" target="_blank" class="detailContent">
                <h3>
                    程序员之家论坛
                </h3>
                <div class="showContent">
                    程序员之家论坛-程序员学习计算机网站编程语言的it社区论坛
                </div>
            </a>
            <a href="https://www.oschina.net/" target="_blank" class="detailContent">
                <h3>
                    开源中国
                </h3>
                <div class="showContent">
                    开源中国 - 找到您想要的开源项目，分享和交流
                </div>
            </a>
            <a href="http://www.51cto.com/" target="_blank" class="detailContent">
                <h3>
                    51cto.com
                </h3>
                <div class="showContent">
                    51cto.com - 技术成就梦想 - 中国领先的it技术网站
                </div>
            </a>
            <a href="http://www.jobbole.com/" target="_blank" class="detailContent">
                <h3>
                    伯乐在线
                </h3>
                <div class="showContent">
                    伯乐在线
                </div>
            </a>
            <a href="http://www.vckbase.com/" target="_blank" class="detailContent">
                <h3>
                    vc知识库
                </h3>
                <div class="showContent">
                    vc知识库_最全面的技术百科全书_it在线培训平台
                </div>
            </a>
            <a href="https://www.javaworld.com/" target="_blank" class="detailContent">
                <h3>
                    javaworld.com
                </h3>
                <div class="showContent">
                    欢迎来到javaworld.com
                </div>
            </a>
            <a href="http://www.pudn.com/" target="_blank" class="detailContent">
                <h3>
                    联合开发网
                </h3>
                <div class="showContent">
                    299万个编程源码资料 联合开发网 - pudn.com
                </div>
            </a>
            <a href="http://www.codeceo.com/" target="_blank" class="detailContent">
                <h3>
                    码农网
                </h3>
                <div class="showContent">
                    码农网-程序员编程资料和编程经验分享平台
                </div>
            </a>
            <a href="https://www.centoschina.cn/" target="_blank" class="detailContent">
                <h3>
                    centos中文站
                </h3>
                <div class="showContent">
                    centos中文站 - 专注linux技术
                </div>
            </a>
            <a href="http://www.chinaunix.net/" target="_blank" class="detailContent">
                <h3>
                    unix技术网
                </h3>
                <div class="showContent">
                    unix技术网 = 全球最大的linux/unix应用与开发者社区 = it人的网上家园
                </div>
            </a>
            <a href="https://www.linuxidc.com/" target="_blank" class="detailContent">
                <h3>
                    linux公社
                </h3>
                <div class="showContent">
                    linux公社 - linux系统门户网站
                </div>
            </a>
            <a href="http://www.infoq.com/cn/" target="_blank" class="detailContent">
                <h3>
                    infoq
                </h3>
                <div class="showContent">
                    infoq - 促进软件开发领域知识与创新的传播
                </div>
            </a>
            <a href="https://distrowatch.com/" target="_blank" class="detailContent">
                <h3>
                    distrowatch.com
                </h3>
                <div class="showContent">
                    distrowatch.com: put the fun back into computing. use linux, bsd.
                </div>
            </a>
            <a href="https://www.2cto.com/" target="_blank" class="detailContent">
                <h3>
                    红黑联盟
                </h3>
                <div class="showContent">
                    红黑联盟（2cto.com)_it技术门户、技术安全资讯、网络安全、黑客防御、信息安全、编程开发、系统知识
                </div>
            </a>
            <a href="http://www.51zixue.net/" target="_blank" class="detailContent">
                <h3>
                    51自学网
                </h3>
                <div class="showContent">
                    51自学网_自学网_软件自学网-51自学网官网
                </div>
            </a>
        </section>
    </section>
    <section id="ancientTradition" class="sectionNav">
        <h2>国学</h2>
        <section class="content">
            <a href="http://www.zdic.net/" target="_blank" class="detailContent">
                <h3>
                    汉典
                </h3>
                <div class="showContent">
                    汉典 zdic.net
                </div>
            </a>
            <a href="http://www.guoxue.com/" target="_blank" class="detailContent">
                <h3>
                    国学网
                </h3>
                <div class="showContent">
                    国学网
                </div>
            </a>
            <a href="http://www.guoxuedashi.com/search/" target="_blank" class="detailContent">
                <h3>
                    国学大师
                </h3>
                <div class="showContent">
                    国学大师
                </div>
            </a>
            <a href="http://www.fukaili.com/" target="_blank" class="detailContent">
                <h3>
                    富凯利国学
                </h3>
                <div class="showContent">
                    富凯利国学－国学经典书库
                </div>
            </a>
            <a href="https://shuge.org/" target="_blank" class="detailContent">
                <h3>
                    书格
                </h3>
                <div class="showContent">
                    书格
                </div>
            </a>
            <a href="http://www.xn--5rtnx620bw5s.tw/page/sitemap.html" target="_blank" class="detailContent">
                <h3>
                    漢川草廬
                </h3>
                <div class="showContent">
                    漢川草廬 - 網站地圖
                </div>
            </a>
            <a href="http://www.readers365.com/" target="_blank" class="detailContent">
                <h3>
                    读书人365
                </h3>
                <div class="showContent">
                    读书人365-首页
                </div>
            </a>
        </section>
    </section>
    <section id="othersNav" class="sectionNav">
        <h2>导航</h2>
        <section class="content">
            <a href="http://ilxdh.com/" target="_blank" class="detailContent">
                <h3>
                    龙轩导航
                </h3>
                <div class="showContent">
                    龙轩导航-做个有用的导航
                </div>
            </a>
            <a href="http://search.chongbuluo.com/" target="_blank" class="detailContent">
                <h3>
                    快搜
                </h3>
                <div class="showContent">
                    快搜 - 搜索快人一步 - google
                </div>
            </a>
            <a href="http://scholar.chongbuluo.com/" target="_blank" class="detailContent">
                <h3>
                    必应学术
                </h3>
                <div class="showContent">
                    学术搜索 - 站在巨人的肩膀上 - 必应学术
                </div>
            </a>
            <a href="http://hao.wordlm.com/" target="_blank" class="detailContent">
                <h3>
                    办公导航
                </h3>
                <div class="showContent">
                    办公导航 - 办公从这里开始(办公工具|软件|技巧|素材|网址大全)
                </div>
            </a>
            <a href="http://www.miguyu.com/" target="_blank" class="detailContent">
                <h3>
                    咪咕鱼导航
                </h3>
                <div class="showContent">
                    咪咕鱼导航 -分享有用链接
                </div>
            </a>
            <a href="http://dir.cnki.net/" target="_blank" class="detailContent">
                <h3>
                    学术网站大全
                </h3>
                <div class="showContent">
                    学术网站大全
                </div>
            </a>
            <a href="http://www.chuangzaoshi.com/" target="_blank" class="detailContent">
                <h3>
                    创造狮
                </h3>
                <div class="showContent">
                    创造狮 创意工作者导航
                </div>
            </a>
            <a href="https://next.36kr.com/posts/collections/650" target="_blank" class="detailContent">
                <h3>
                    导航网站的导航
                </h3>
                <div class="showContent">
                    导航网站的导航 - 导航网站太多了，也需要一个导航 - next
                </div>
            </a>
            <a href="https://hao.uisdc.com/" target="_blank" class="detailContent">
                <h3>
                    优设导航
                </h3>
                <div class="showContent">
                    优设导航 - 学设计从这里开始！
                </div>
            </a>
            <a href="http://www.jikedaohang.com/" target="_blank" class="detailContent">
                <h3>
                    极客导航
                </h3>
                <div class="showContent">
                    极客导航-程序员自己的导航
                </div>
            </a>
            <a href="http://daohangwan.com/" target="_blank" class="detailContent">
                <h3>
                    导航湾
                </h3>
                <div class="showContent">
                    主页 | 导航湾-创造和分享导航
                </div>
            </a>
            <a href="https://dh.woshipm.com/" target="_blank" class="detailContent">
                <h3>
                    阿猫阿狗导航
                </h3>
                <div class="showContent">
                    产品经理导航|运营导航|设计师导航-阿猫阿狗导航
                </div>
            </a>
            <a href="http://www.hbued.com/pm/" target="_blank" class="detailContent">
                <h3>
                    ued用户体验网
                </h3>
                <div class="showContent">
                    产品经理网址导航-ued用户体验网
                </div>
            </a>
            <a href="http://www.it996.net/" target="_blank" class="detailContent">
                <h3>
                    996导航
                </h3>
                <div class="showContent">
                    996导航_互联网人的网址导航
                </div>
            </a>
            <a href="http://pmgeek.net/cn/index.html" target="_blank" class="detailContent">
                <h3>
                    pmgeek
                </h3>
                <div class="showContent">
                    pmgeek - 设计师网址导航
                </div>
            </a>
            <a href="https://www.prohui.com/" target="_blank" class="detailContent">
                <h3>
                    产品汇
                </h3>
                <div class="showContent">
                    产品汇 - 互联网爱好者的分享交流社区
                </div>
            </a>
            <a href="http://www.pmdaniu.com/navigate" target="_blank" class="detailContent">
                <h3>
                    产品大牛
                </h3>
                <div class="showContent">
                    产品大牛 - 托管·演示·分享·协作（axure原型托管、sketch标注、html托管）
                </div>
            </a>
            <a href="http://pm265.com/" target="_blank" class="detailContent">
                <h3>
                    产品经理导航
                </h3>
                <div class="showContent">
                    产品经理导航
                </div>
            </a>
            <a href="https://www.iamue.com/nav" target="_blank" class="detailContent">
                <h3>
                    ued网站导航
                </h3>
                <div class="showContent">
                    ued网站导航-hao.iamue.com-iamue
                </div>
            </a>
            <a href="http://www.uedart.com/" target="_blank" class="detailContent">
                <h3>
                    uedart
                </h3>
                <div class="showContent">
                    uedart-時光若刻
                </div>
            </a>
            <a href="https://www.gogeeks.cn/nav" target="_blank" class="detailContent">
                <h3>
                    极客导航
                </h3>
                <div class="showContent">
                    极客导航-首页
                </div>
            </a>
            <a href="http://www.paomianba.com/" target="_blank" class="detailContent">
                <h3>
                    泡面吧
                </h3>
                <div class="showContent">
                    泡面吧 - 在线教育导航品牌
                </div>
            </a>
            <a href="https://idesign.qq.com/#!index/feed" target="_blank" class="detailContent">
                <h3>
                    腾讯设计导航
                </h3>
                <div class="showContent">
                    设计订阅 - 腾讯设计导航
                </div>
            </a>
            <a href="http://hao.shejidaren.com/?ref=sucai" target="_blank" class="detailContent">
                <h3>
                    设计导航
                </h3>
                <div class="showContent">
                    设计导航 - 精选最好的设计网站大全
                </div>
            </a>
            <a href="https://www.ubuuk.com/" target="_blank" class="detailContent">
                <h3>
                    优波设计
                </h3>
                <div class="showContent">
                    优波设计 - 设计师必备网址导航 ubuuk.com
                </div>
            </a>
            <a href="http://bannerdesign.cn/?page_id=18" target="_blank" class="detailContent">
                <h3>
                    banner设计欣赏网站
                </h3>
                <div class="showContent">
                    设计师网址导航 - banner设计欣赏网站 – 横幅广告促销电商海报专题页面淘宝钻展素材轮播图片下载
                </div>
            </a>
            <a href="http://www.niudana.com/" target="_blank" class="detailContent">
                <h3>
                    牛大拿设计师导航
                </h3>
                <div class="showContent">
                    牛大拿设计师导航_niudana.com
                </div>
            </a>
            <a href="http://wz.cndesign.com/" target="_blank" class="detailContent">
                <h3>
                    cnd设计网址导航
                </h3>
                <div class="showContent">
                    cnd设计网址导航 - 优秀设计网站排名大全
                </div>
            </a>
            <a href="http://bolg.luuman.site/frontendguide/v1/" target="_blank" class="detailContent">
                <h3>
                    前端导航
                </h3>
                <div class="showContent">
                    前端导航
                </div>
            </a>
        </section>
    </section>
    <section id="resourceCoding" class="sectionNav">
        <h2>源码</h2>
        <section class="content">
            <a href="http://www.mycodes.net/" target="_blank" class="detailContent">
                <h3>
                    源码之家
                </h3>
                <div class="showContent">
                    源码之家 - 提供最新免费网站源码下载！
                </div>
            </a>
            <a href="http://down.admin5.com/" target="_blank" class="detailContent">
                <h3>
                    更快的站长下载站
                </h3>
                <div class="showContent">
                    网站源码下载,a5源码 - 更快的站长下载站
                </div>
            </a>
            <a href="https://www.ctolib.com/" target="_blank" class="detailContent">
                <h3>
                    ctolib码库
                </h3>
                <div class="showContent">
                    ctolib码库
                </div>
            </a>
            <a href="http://www.wangjie.org/" target="_blank" class="detailContent">
                <h3>
                    免费模板网
                </h3>
                <div class="showContent">
                    div+css模板、后台模板、图片图标下载，css代码实例、css导航菜单、css图表 - 免费模板网
                </div>
            </a>
            <a href="http://www.downcode.com/" target="_blank" class="detailContent">
                <h3>
                    源码下载站
                </h3>
                <div class="showContent">
                    源码下载 asp源码 php源码 flash源码 - 源码下载站
                </div>
            </a>
            <a href="http://www.codepub.com/" target="_blank" class="detailContent">
                <h3>
                    源码网
                </h3>
                <div class="showContent">
                    网站源码_源码下载_源码网【提供最新最全的免费源码下载】
                </div>
            </a>
            <a href="http://www.codesocang.com/" target="_blank" class="detailContent">
                <h3>
                    源码搜藏网
                </h3>
                <div class="showContent">
                    源码搜藏网-网站源码_安卓源码_vip源码_最新精品织梦模板下载
                </div>
            </a>
        </section>
    </section>
    <section id="eBookAndWebStorage" class="sectionNav">
        <h2>电子书网盘</h2>
        <section class="content">
            <a href="https://www.jiumodiary.com/" target="_blank" class="detailContent">
                <h3>
                    jiumo e-book search 鸠摩搜书
                </h3>
                <div class="showContent">
                    jiumo e-book search 鸠摩搜书 - 文档搜索引擎
                </div>
            </a>
            <a href="http://gen.lib.rus.ec/" target="_blank" class="detailContent">
                <h3>
                    图书馆创世纪
                </h3>
                <div class="showContent">
                    图书馆创世纪
                </div>
            </a>
            <a href="http://www.gutenberg.org/" target="_blank" class="detailContent">
                <h3>
                    古滕贝格
                </h3>
                <div class="showContent">
                    古滕贝格
                </div>
            </a>
            <a href="http://www.shuwu.mobi/" target="_blank" class="detailContent">
                <h3>
                    我的小书屋
                </h3>
                <div class="showContent">
                    我的小书屋-最新最全电子书免费下载
                </div>
            </a>
            <a href="http://www.pdfbook.cn/" target="_blank" class="detailContent">
                <h3>
                    云海免费电子图书馆
                </h3>
                <div class="showContent">
                    云海免费电子图书馆| 免费电子图书下载
                </div>
            </a>
            <a href="https://kgbook.com/" target="_blank" class="detailContent">
                <h3>
                    苦瓜书盘
                </h3>
                <div class="showContent">
                    苦瓜书盘
                </div>
            </a>
            <a href="https://book.shuyuzhe.com/" target="_blank" class="detailContent">
                <h3>
                    书语者电子图书馆
                </h3>
                <div class="showContent">
                    书语者电子图书馆 kindle电子书 powered by shuyuzhe.com!
                </div>
            </a>
            <a href="https://www.so-kindle.com/" target="_blank" class="detailContent">
                <h3>
                    kindle资源库
                </h3>
                <div class="showContent">
                    kindle资源库_sokindle_一起分享阅读的乐趣
                </div>
            </a>
            <a href="https://sobooks.cc/" target="_blank" class="detailContent">
                <h3>
                    sobooks
                </h3>
                <div class="showContent">
                    sobooks - 优质的kindle电子书资源免费下载网站（原&quot;sokindle&quot;）
                </div>
            </a>
            <a href="https://weiq530.wodemo.com/cat/72078?next=300703" target="_blank" class="detailContent">
                <h3>
                    无心遗忘电子书
                </h3>
                <div class="showContent">
                    ebooks - 无心遗忘电子书
                </div>
            </a>
            <a href="http://panc.cc/" target="_blank" class="detailContent">
                <h3>
                    胖次网盘搜索
                </h3>
                <div class="showContent">
                    panc.cc-胖次网盘搜索 - 胖次分享社区 - 我们热爱分享
                </div>
            </a>
            <a href="https://salttiger.com/archives/" target="_blank" class="detailContent">
                <h3>
                    salttiger
                </h3>
                <div class="showContent">
                    电子书存档页面 | salttiger
                </div>
            </a>
            <a href="https://coderprog.com/" target="_blank" class="detailContent">
                <h3>
                    coderprog
                </h3>
                <div class="showContent">
                    coderprog - ebooks &amp; elearning for programming
                </div>
            </a>
            <a href="http://freecomputerbooks.com/" target="_blank" class="detailContent">
                <h3>
                    free computer books
                </h3>
                <div class="showContent">
                    free computer, programming, mathematics, technical books, lecture notes
                    and tutorials
                </div>
            </a>
            <a href="http://www.allitebooks.com/" target="_blank" class="detailContent">
                <h3>
                    免费it电子书下载
                </h3>
                <div class="showContent">
                    所有it电子书 - 免费it电子书下载
                </div>
            </a>
            <a href="http://www.allitebooks.in/" target="_blank" class="detailContent">
                <h3>
                    free it ebooks download
                </h3>
                <div class="showContent">
                    all it ebooks - free it ebooks download
                </div>
            </a>
            <a href="http://libgen.io/" target="_blank" class="detailContent">
                <h3>
                    genesis
                </h3>
                <div class="showContent">
                    genesis
                </div>
            </a>
            <a href="http://b-ok.cc/" target="_blank" class="detailContent">
                <h3>
                    electronic library
                </h3>
                <div class="showContent">
                    electronic library. download books free. finding books
                </div>
            </a>
            <a href="http://www.itbookhub.com/" target="_blank" class="detailContent">
                <h3>
                    itbookhub.com
                </h3>
                <div class="showContent">
                    free it &amp; programming books - itbookhub.com
                </div>
            </a>
            <a href="https://www.onlineprogrammingbooks.com/" target="_blank" class="detailContent">
                <h3>
                    free computer books
                </h3>
                <div class="showContent">
                    free computer books : it, programming and computer science
                </div>
            </a>
            <a href="http://droppdf.com/" target="_blank" class="detailContent">
                <h3>
                    droppdf
                </h3>
                <div class="showContent">
                    droppdf - upload and share your pdf documents quickly and easily.
                </div>
            </a>
            <a href="https://www.foxebook.net/" target="_blank" class="detailContent">
                <h3>
                    fox ebook
                </h3>
                <div class="showContent">
                    fox ebook - ebooks free download site
                </div>
            </a>
            <a href="http://ebook-dl.com/" target="_blank" class="detailContent">
                <h3>
                    ebook-dl
                </h3>
                <div class="showContent">
                    ebook-dl | free download ebooks
                </div>
            </a>
            <a href="https://github.com/justjavac/free-programming-books-zh_cn" target="_blank" class="detailContent">
                <h3>
                    justjavac
                </h3>
                <div class="showContent">
                    justjavac/free-programming-books-zh_cn: 免费的计算机编程类中文书籍，欢迎投稿
                </div>
            </a>
            <a href="http://www.jb51.net/do/book.html" target="_blank" class="detailContent">
                <h3>
                    脚本之家
                </h3>
                <div class="showContent">
                    最近更新电子书 - 脚本之家
                </div>
            </a>
            <a href="http://www.jieyaglass.com/jsjyhlw.html" target="_blank" class="detailContent">
                <h3>
                    计算机 - pdf之家
                </h3>
                <div class="showContent">
                    计算机 - pdf之家-免费高清pdf电子书下载
                </div>
            </a>
            <a href="https://www.lingfengyun.com/" target="_blank" class="detailContent">
                <h3>
                    凌风云搜索
                </h3>
                <div class="showContent">
                    凌风云搜索是互联网最专业的免费资源搜索引擎 - 凌风云搜索
                </div>
            </a>
            <a href="http://www.zhaowoyao.com/" target="_blank" class="detailContent">
                <h3>
                    找我要论坛
                </h3>
                <div class="showContent">
                    【新提醒】找我要论坛—要书，要视频，要教程，要音乐，要电影，要资讯 - powered by discuz!
                </div>
            </a>
            <a href="https://www.pdfdrive.net/" target="_blank" class="detailContent">
                <h3>
                    pdf drive
                </h3>
                <div class="showContent">
                    pdf drive - search and download pdf files for free.
                </div>
            </a>
            <a href="https://www.yabook.org/" target="_blank" class="detailContent">
                <h3>
                    雅书
                </h3>
                <div class="showContent">
                    雅书 - pdf电子书学习下载站
                </div>
            </a>
            <a href="http://hotbaidu.com/" target="_blank" class="detailContent">
                <h3>
                    hotbaidu
                </h3>
                <div class="showContent">
                    hotbaidu – 众里寻书千百度
                </div>
            </a>
            <a href="http://it-ebooks.info/" target="_blank" class="detailContent">
                <h3>
                    it ebooks
                </h3>
                <div class="showContent">
                    it ebooks - free download - new releases
                </div>
            </a>
        </section>
    </section>
    <section id="englishStudy" class="sectionNav">
        <h2>英文学习</h2>
        <section class="content">
            <a href="http://www.enread.com/" target="_blank" class="detailContent">
                <h3>
                    英文阅读网
                </h3>
                <div class="showContent">
                    英文阅读网
                </div>
            </a>
            <a href="http://www.kekenet.com/" target="_blank" class="detailContent">
                <h3>
                    可可英语
                </h3>
                <div class="showContent">
                    可可英语-在线英语学习_每日英语学习_免费英语学习网站
                </div>
            </a>
            <a href="https://www.clipconverter.cc/" target="_blank" class="detailContent">
                <h3>
                    clipconverter.cc
                </h3>
                <div class="showContent">
                    youtube to mp4 &amp; mp3 converter - clipconverter.cc
                </div>
            </a>
            <a href="http://www.yywz123.com/" target="_blank" class="detailContent">
                <h3>
                    英语学习网站123
                </h3>
                <div class="showContent">
                    英语学习网站大全_汇集国内外最好的英语学习网站，英语学习网站123，英语网站123_yywz123
                </div>
            </a>
            <a href="http://www.qcenglish.com/" target="_blank" class="detailContent">
                <h3>
                    七彩英语
                </h3>
                <div class="showContent">
                    七彩英语 - 英文电子书下载站 pdf|txt格式英文原版原著下载
                </div>
            </a>
            <a href="http://www.lang-8.com/" target="_blank" class="detailContent">
                <h3>
                    多国语言学习交流平台 | lang-8
                </h3>
                <div class="showContent">
                    多国语言学习交流平台 | lang-8: for learning foreign languages
                </div>
            </a>
            <a href="https://cloud.tencent.com/developer/article/1041363" target="_blank" class="detailContent">
                <h3>
                    腾讯云
                </h3>
                <div class="showContent">
                    java基础常见英语词汇 - 云+社区 - 腾讯云
                </div>
            </a>
            <a href="https://www.kancloud.cn/haixu926611/study-english/112107" target="_blank" class="detailContent">
                <h3>
                    看云
                </h3>
                <div class="showContent">
                    程序员不可不知的英文词汇(7) · 程序员英语单词册 · 看云
                </div>
            </a>
            <a href="https://www.cnblogs.com/jiqing9006/p/5764449.html" target="_blank" class="detailContent">
                <h3>
                    博客园
                </h3>
                <div class="showContent">
                    编程常用英语词汇大全 - tbhacker - 博客园
                </div>
            </a>
            <a href="http://www.runoob.com/w3cnote/common-english-terminology-in-programming.html" target="_blank" class="detailContent">
                <h3>
                    菜鸟教程
                </h3>
                <div class="showContent">
                    编程常用英语词汇 | 菜鸟教程
                </div>
            </a>
            <a href="https://blog.csdn.net/z770816239/article/details/80043967" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    (2条消息)计算机常用1700英语单词 - 第十六维 - csdn博客
                </div>
            </a>
            <a href="https://blog.csdn.net/weixin_41560845/article/details/80036311" target="_blank" class="detailContent">
                <h3>
                    csdn博客
                </h3>
                <div class="showContent">
                    (2条消息)1800个常用的java开发英文词汇 - weixin_41560845的博客 - csdn博客
                </div>
            </a>
            <a href="https://byoungd.gitbook.io/english-level-up-tips/" target="_blank" class="detailContent">
                <h3>
                    english 学习技巧
                </h3>
                <div class="showContent">
                    english 学习技巧
                </div>
            </a>
        </section>
    </section>
    <section id="resourceShare" class="sectionNav">
        <h2>资源分享</h2>
        <section class="content">
            <a href="https://www.leiyun.org/sf/f3e31c84b3829398fc86b99348cc4815.html" target="_blank" class="detailContent">
                <h3>
                    慕课网
                </h3>
                <div class="showContent">
                    慕课网-wuzuowei.net_高速下载|雷云-分享你我
                </div>
            </a>
            <a href="https://xingsenblog.com/" target="_blank" class="detailContent">
                <h3>
                    邢森の博客
                </h3>
                <div class="showContent">
                    邢森の博客-yuyuan_qiu_1219...jou
                </div>
            </a>
            <a href="http://ybmfx.com/" target="_blank" class="detailContent">
                <h3>
                    100秒分享
                </h3>
                <div class="showContent">
                    100秒分享 - 让每一次阅读都有收获.
                </div>
            </a>
            <a href="http://www.xz577.com/" target="_blank" class="detailContent">
                <h3>
                    码农之家
                </h3>
                <div class="showContent">
                    码农之家 - 学习资源下载站
                </div>
            </a>
            <a href="http://ranfs.com/cn/" target="_blank" class="detailContent">
                <h3>
                    ranfs
                </h3>
                <div class="showContent">
                    ranfs 专注于文件和磁盘软件开发
                </div>
            </a>
            <a href="http://www.newbiefly.com/" target="_blank" class="detailContent">
                <h3>
                    编程资源库
                </h3>
                <div class="showContent">
                    编程资源库 - 专注于分享全面优质的it编程开发视频教程
                </div>
            </a>
            <a href="https://www.dmcl.top/" target="_blank" class="detailContent">
                <h3>
                    邢森的部落格
                </h3>
                <div class="showContent">
                    邢森的部落格
                </div>
            </a>
            <a href="http://www.xwood.net/index.html" target="_blank" class="detailContent">
                <h3>
                    it资源信息分享站
                </h3>
                <div class="showContent">
                    it资源信息分享站 | xwood.net - 小木人印象
                </div>
            </a>
        </section>
    </section>
    <section id="music" class="sectionNav">
        <h2>音乐</h2>
        <section class="content">
            <a href="https://music.163.com/" target="_blank" class="detailContent">
                <h3>
                    网易云音乐
                </h3>
                <div class="showContent">
                    网易云音乐
                </div>
            </a>
            <a href="http://www.app-echo.com/#/" target="_blank" class="detailContent">
                <h3>
                    echo回声
                </h3>
                <div class="showContent">
                    echo回声 | 潮流音乐生活方式-3d音乐 弹幕社交 趣味铃声 变声录音 ktv
                </div>
            </a>
            <a href="https://y.qq.com/" target="_blank" class="detailContent">
                <h3>
                    qq音乐
                </h3>
                <div class="showContent">
                    qq音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！
                </div>
            </a>
            <a href="https://www.xiami.com/" target="_blank" class="detailContent">
                <h3>
                    虾米音乐
                </h3>
                <div class="showContent">
                    虾米音乐 - 听见不同
                </div>
            </a>
            <a href="https://www.kugou.com/" target="_blank" class="detailContent">
                <h3>
                    酷狗音乐
                </h3>
                <div class="showContent">
                    酷狗音乐 - 就是歌多
                </div>
            </a>
            <a href="http://www.koowo.com/" target="_blank" class="detailContent">
                <h3>
                    酷我音乐
                </h3>
                <div class="showContent">
                    酷我音乐_无损音乐正版在线试听网站
                </div>
            </a>
            <a href="http://www.lavaradio.com/" target="_blank" class="detailContent">
                <h3>
                    lava熔岩音乐
                </h3>
                <div class="showContent">
                    lava熔岩音乐-无音乐,不品牌-音乐助力你的生意
                </div>
            </a>
            <a href="https://music.douban.com/" target="_blank" class="detailContent">
                <h3>
                    豆瓣音乐
                </h3>
                <div class="showContent">
                    豆瓣音乐
                </div>
            </a>
            <a href="http://music.taihe.com/" target="_blank" class="detailContent">
                <h3>
                    千千音乐
                </h3>
                <div class="showContent">
                    千千音乐-听见世界
                </div>
            </a>
        </section>
    </section>
</c>
<!--
<section id="footer">
    <footer>
        <h2>yuyuan 版权所有</h2>
    </footer>
</section>
-->

<script src="js/jquery-1.12.4.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script>

</script>
</body>
</html>